/*cn 

@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('../fonts/cn/SourceHanSansCN-Bold.ttf');
}

@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('../fonts/cn/SourceHanSansCN-Medium.ttf');
}

@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../fonts/cn/SourceHanSansCN-Normal.ttf');
}
*/

/* en 

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/en/Montserrat-Regular.ttf');
    src: url('../fonts/en/Montserrat-Regular.ttf?#iefix') format('embedded-opentype'), url('../fonts/en/Montserrat-Regular.ttf') format('woff'), url('../fonts/en/Montserrat-Regular.ttf') format('truetype'), url('../fonts/en/Montserrat-Regular.ttf.svg#Montserrat-Regular.ttf') format('svg');
}
*/
body {
    /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
   color: #111;
}

body.white {
   background: #fff;
}

body.hui {
   background: #F9F9F9;
}

.en-light {
   font-family: 'Montserrat';
}

.en-md {
   font-family: 'Montserrat';
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input[type=number] {
   -moz-appearance: textfield;
}

.main-logo, .nav-list > li, .article-slider-content,
.col-md-6, .col-md-12, .neuron-fun .items-list li,
.neuron-wear-fun-item-img, .toconfigure-left,
.newsroom-tags ul.tags-list li, .news-list ul li,
.main-timeline .timeline-content {
   float: left;
}

#newBridge .icon-right-bottom {
   right: .01rem !important;
   bottom: 2.23rem !important;
}

#newBridge #nb_icon_wrap .nb-icon-inner-wrap {
   width: .7rem !important;
   height: .8rem !important;
   background-position: center center !important;
   background-size: .4rem .4rem !important;
   background-repeat: no-repeat;
}

#newBridge #nb_icon_wrap, #newBridge .nb-customer-icon-style-newicon .nb-icon-inner-wrap-newicon {
   width: .7rem !important;
   height: .8rem !important;
}

#newBridge #nb_icon_wrap .nb-icon-inner-wrap:hover {
   background: url(../images/online_service_active.png) center no-repeat !important;
   background-size: .4rem .4rem !important;
}

#issueMarquee {
   display: none !important;
}

.embed-icon {
   right:  0.01rem !important;
   bottom: 2.23rem !important;
}

.embed-icon .embed-icon-default{
   width: .7rem !important;
   height: .8rem !important;
   background-position: center center !important;
   background-size: .4rem .4rem !important;
   background-repeat: no-repeat;
}

.embed-icon .embed-icon-default:hover {
   background: url(../images/online_service_active.png) center no-repeat !important;
   background-size: .4rem .4rem !important;
}

#service, #service .phone-info, #service .service_number_info {
   height: 2.44rem;
   border: .01rem solid rgba(200, 33, 54, 0.1);
   background-color: rgba(255, 255, 255, 0.8);
   backdrop-filter: blur(3.78rem);
   box-shadow: 0 .04rem .1rem 0 rgba(219, 161, 161, 0.1);
}

#service {
   width: .72rem;
   z-index: 1000;
   position: fixed;
   bottom: .6rem;
   right: 0;
   border-radius: .04rem 0 0 .04rem;
   padding-top: .8rem;
}

#service > .split-line {
   width: .22rem;
   height: .02rem;
   border-radius: .10rem;
   margin: 0 auto;
   background: rgba(36, 36, 36, 0.1);
}

#service .phone, #service .service_number {
   height: .8rem;
   position: relative;
   cursor: pointer;
}

#service .phone {
   background: url(../images/phone.svg) center no-repeat;
}

#service .phone:hover {
   width: .91rem;
   left: -0.21rem;
   border-left: .21rem solid rgba(0, 0, 0, 0);
   background: url(../images/phone_active.svg) center no-repeat;
}

#service .phone-info, #service .service_number_info {
   position: absolute;
   border-radius: .04rem;
}

#service .phone .phone-info {
   width: 3.46rem;
   padding: .30rem 0 0 .27rem;
   display: none;
   top: -0.83rem;
   left: -3.67rem;
   font-size: .18rem;
}

#service .phone .phone-info p {
   line-height: .18rem;
   margin-bottom: .3rem;
   display: flex;
}

#service .phone .phone-info p:first-child {
   line-height: .27rem;
}

#service .phone .phone-info .bold {
   font-weight: 700;
   color: #c82136;
}

#service .phone .phone-info .c3d {
   color: #3d3d3d;
}

#service .phone-info .split-line {
   width: 1.57rem;
   height: .02rem;
   border-radius: .1rem;
   margin: .3rem 0;
   background: rgba(36, 36, 36, 0.1);
}

#service .service_number {
   background: url(../images/service_number.svg) center no-repeat;
}

#service .service_number:hover {
   width: .91rem;
   left: -0.21rem;
   border-left: .21rem solid rgba(0, 0, 0, 0);
   background: url(../images/service_number_active.svg) center no-repeat;
}

#service .phone, #service .phone:hover, #service .service_number, #service .service_number:hover {
   background-size: .4rem .4rem;
}

#service .service_number_info {
   width: 2.09rem;
   padding-top: .3rem;
   display: none;
   top: -1.65rem;
   left: -2.3rem;
   font-size: .18rem;
   color: #000;
   text-align: center;
}

#service .service_number_info img {
   width: 1.5rem;
   height: 1.5rem;
   margin-bottom: .16rem;
}

#service .service_number_info p {
   line-height: .18rem;
}

#service .phone.active .phone-info, #service .service_number.active .service_number_info {
   display: block;
}

.main-logo {
   width: 2.15rem;
   margin-top: .3rem;
   margin-right: .2rem;
}

.main-logo a {
   display: block;
   width: 100%;
   height: .24rem;
   background: url('../images/logo.png') no-repeat;
   background-size: 100%;
   transition: .1s;
}

.main-logo a:hover {
   background: url('../images/logo-ho.png') no-repeat;
   background-size: 100%;
}

.main-logo:hover img {
   filter: saturate(.1);
   -webkit-filter: saturate(.1);
}
.nav-list {
   min-height: .84rem;
}
.nav-list>li {
   position: relative;
   overflow: hidden;
}
.nav-list>li>a {
   display: block;
   line-height: .84rem;
   color: #fff;
   margin-right: .6rem;
}
.nav-list > li:last-child > a {
   margin-right: 0;
}
.nav-list>li>a:hover {
   color: #111;
}
.main-nav-right {
   float: right;
   display: flex;
   justify-content: center;
}
.main-nav-right>a,
.main-nav-right>span {
   color: #fff;
   margin-left: .21rem;
   display: flex;
   justify-content: center;
   position: relative;
   align-items: center;
}

.main-nav-right>a.link-gwc {
   font-size: .16rem;
}

.main-nav-right>a.link-lan em {
   display: block;
   width: .6rem;
   height: .18rem;
   line-height: .18rem;
   border-left: .01rem solid #fff;
   text-align: center;
   font-size: .14rem;
   font-family: 'Montserrat';
}
.main-nav-right>a.link-lan em:hover {
   color: #000;
}
.main-nav-right>a i.icon-gouwuchekong {
   font-size: .28rem;
}
.main-nav-right>span i.icon-shixinjiantouxia {
   font-size: .16rem;
}
.drop-menu {
   position: absolute;
   left: -0.32rem;
   top: .94rem;
   background: #c81233;
   box-shadow: 0 .03rem .03rem rgba(0, 0, 0, .3);
   z-index: 10;
   opacity: 0;
   transition: .3s;
   -webkit-transition: .3s;
   -moz-transition: .3s;
   -ms-transition: .3s;
   -o-transition: .3s;
   transform: translate(0, -0.2rem);
   -webkit-transform: translate(0, -0.2rem);
   -moz-transform: translate(0, -0.2rem);
   -ms-transform: translate(0, -0.2rem);
   -o-transform: translate(0, -0.2rem);
}
.nav-list>li .drop-menu::before {
   content: '';
   position: absolute;
   width: 0;
   left: 1.1rem;
   top: -0.2rem;
   border-width: .1rem .14rem .1rem .14rem;
   border-color: transparent transparent #c81233 transparent;
   border-style: solid;
}

.anli .drop-menu {
   width: 2.5rem;
}

.anli .drop-menu.wide {
   width: 2.75rem;
}

.drop-menu>li>a:hover {
   background: #fff;
   color: #c81233;
}

.home .drop-menu > li > a.hover:hover {
   color: #00aeba;
}

.home .nav-list > li .drop-menu.white::before {
   border-color: transparent transparent #ffffff transparent;
}

.nav-list>li.open {
   overflow: inherit;
}
.open .drop-menu {
   transform: translate(0, 0);
   -webkit-transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   -o-transform: translate(0, 0);
   opacity: 1;
}
.drop-menu>li {
   overflow: hidden;
   margin-bottom: 0;
}
.drop-menu>li>a {
   font-size: .16rem;
   display: block;
   text-align: left;
   color: #fff;
   line-height: .48rem;
   transition: .3s;
   -webkit-transition: .3s;
   -moz-transition: .3s;
   -ms-transition: .3s;
   -o-transition: .3s;
   padding-left: 16px;
}
.link-lan .drop-menu {
   background: #fff;
   min-width: 1.6rem;
   border-radius: .03rem;
   -webkit-border-radius: .03rem;
   -moz-border-radius: .03rem;
   -ms-border-radius: .03rem;
   -o-border-radius: .03rem;
   box-shadow: 0 .06rem .12rem rgba(0, 0, 0, .2)
}
.link-lan .drop-menu>li {
   margin-bottom: 0;
   text-align: center;
   line-height: .36rem;
}
.link-lan .drop-menu>li a {
   color: #333;
   line-height: .36rem;
   display: block;
}
.link-gwc {
   background-image: url(../images/shopping.png);
   background-repeat: no-repeat;
   width: .6rem;
   /* height: 16px; */
   padding-left: .24rem;
   /* margin-top: 32px; */
   display: flex;
   justify-content: center;
   position: relative;
   align-items: center;
   background-position: 0 50%;
   background-size: .17rem;
}
.link-gwc:hover {
   background-image: url(../images/shopping_a.png);
   background-repeat: no-repeat;
   color: #000;
}

/* 其他 */
.banner-video {
   position: relative;
   height: calc(100vh - .8rem);
   overflow: hidden;
   width: 100%;
   background-color: #000;
}
#home-video {
   display: block;
   object-fit: cover;
   filter: grayscale(1) brightness(.75);
}
#home-sections {
   margin-top: -0.04rem;
}
#home-sections,
#home-contact {
   line-height: 1.875;
   font-weight: 300;
}
#home-about {
   min-height: 100vh;
   background: #c81432;
}
.home-section {
   display: flex;
   align-content: center;
   color: #fff;
   background: #000;
   min-height: 50vh;
}
.home-section-background {
   background-size: cover;
   background-position: center center;
   width: 50%;
}
.home-section-content {
   padding: .1rem 3%;
   text-align: center;
   width: 50%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
#home-philosophy {
   flex-direction: row-reverse;
}
#home-sections h2,
#home-contact h2 {
   font-weight: 700;
   text-transform: uppercase;
   font-size: 1.4em;
}
#home-sections h2:after {
   content: " ";
   height: .4rem;
   width: 50%;
   display: block;
   border-right: .02rem solid #999;
   margin: .5rem 0 .3rem -0.02rem;
}
.home-contact-icon:after {}
/*.plus-link a,
a .plus-link span {
   margin-top: .25em;
   color: #ccc;
   box-sizing: content-box;
   font-size: 2em;
   height: .8em;
   width: .8em;
   line-height: 78%;
   border: 1px solid #ccc;
   display: inline-block;
}
.plus-link a:hover,
a:hover .plus-link span {
   background: #fff;
   color: #333;
   border-color: #fff;
   text-decoration: none;
}*/

.black-text a {
   color: #333;
   border-color: #333;
}

.swiperBanner .swiper-slide {
   height: calc(100vh - .84rem);
   min-height: 8.53rem;
}

.swiperBanner .swiper-button-next:after, .swiper-button-prev:after {
   content: none;
}

.swiperBanner .swiper-button-prev {
   left: .48rem;
}

.swiperBanner .swiper-button-next {
   right: .48rem;
}

.swiperBanner .swiper-button-prev img, .swiper-button-next img {
   width: .56rem;
   height: .56rem;
}

.medical {
   background: url(../images/home/medical_banner.webp) no-repeat center center;
   background-size: cover;
}

.hi5-2-banner {
   background: url(../images/home/hi5-2_banner.png) no-repeat center center;
   background-size: cover;
}

.noitom-care-banner {
   background: url(../images/home/noitomcare_banner.png) no-repeat center center;
   background-size: cover;
}

.swiper-banner .swiper-pagination {
   height: .2rem;
   line-height: .2rem;
   bottom: .48rem !important;
}

.swiper-banner .swiper-pagination .swiper-pagination-bullet {
   width: .2rem;
   height: .2rem;
   opacity: .7;
   border: .02rem solid #ffffff;
   background: none;
   margin: 0 .11rem !important;
   transition: .3s;
}

.swiper-banner .swiper-pagination .swiper-pagination-bullet-active {
   opacity: 1;
   background-color: #c82136;
   border-color: #c82136;
}

/* .swiper-banner .swiper-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet:nth-child(2) {
    border-color: #00aeba;
    background-color: #00aeba;
} */

.video-banner, .swiper-banner {
   overflow: hidden;
   position: relative;
}

.video-banner {
   height: 100%;
}

.video-banner video {
   display: block;
   width: 100%;
   height: 100%;
}

.hi5-content, .noitom-care-content {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   color: #ffffff;
}

.medical-content {
   position: absolute;
   top: 1.4rem;
   left: 1.8rem;
   color: #ffffff;
}

.medical-content h2 {
   font-size: 0.48rem;
}

.medical-content h3 {
   font-size: 0.36rem;
   letter-spacing: 0.12em;
   margin: 0.36rem 0 0.18rem;
}

.medical-content p {
   font-size: 0.24rem;
   font-weight: 400;
   letter-spacing: 0.19em;
}

.medical-content .button {
   width: 1.8rem;
   height: 0.48rem;
   line-height: 0.48rem;
   font-size: 16px;
   border-radius: 0.24rem;
   margin-top: 0.84rem;
   color: #00aeba;
   background-color: #fff;
   box-shadow: none;
}

.hi5-content, .noitom-care-content {
   left: 2.08rem;
}

.hi5-content .logo {
   width: 3.34rem;
   height: 1.48rem;
   background: url(../images/home/hi5-2_logo.svg) no-repeat;
   background-size: 100%;
}

.hi5-content h2, .noitom-care-content h2 {
   font-size: .4rem;
   margin: .5rem 0 1.2rem;
}

.noitom-care-content h2 {
   font-weight: 400;
   line-height: .695rem;
}

.hi5-content h2 {
   font-weight: 400;
   line-height: .64rem;
}

.hi5-content .button, .noitom-care-content .button {
   display: block;
   width: 1.56rem;
   height: .36rem;
   line-height: .36rem;
   background: #c82136;
   border-radius: .18rem;
   font-size: .18rem;
   margin: 0;
}

@media screen and (max-width: 1267px){
   html {
       font-size: 65.9896px;
   }
}

@media screen and (min-width: 2560px) {
   html {
       font-size: 133.333px;
   }

   .hi5-content {
       position: absolute;
       bottom: 270px;
       left: 14.5703125%;
   }

   .hi5-content .logo {
       width: 456px;
       height: 202px;
       background: url("../images/home/hi5-2_logo2.svg") no-repeat;
   }

   .hi5-content h2 {
       font-size: 62px;
       line-height: 62px;
       margin: 80px 0 156px;
   }

   .hi5-content .button {
       width: 302px;
       height: 80px;
       line-height: 80px;
       border-radius: 40px;
       font-size: 36px;
   }
}

.video-banner-wrap {
   display: flex;
   flex-direction: column;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 11;
}

.noitom-page-mobile .desc-p {
   font-size: .3rem;
   line-height: .41rem;
   margin: .3rem 0;
}



.video-banner-wrap .white {
   color: #fff;
   font-size: .4rem;
   line-height: .695rem;
}

.noitom-page-mobile .watch-video {
   min-width: 150px;
   border-radius: 100px;
   background: #c81233;
   display: inline-block;
   color: #fff;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   text-align: center;
   padding: .07rem .3rem .07rem .1rem;
   position: relative;
   cursor: pointer;
}

.noitom-page-mobile .banner-wrap {
   height: 3rem;
   width: 100%;
   padding: .24rem;
   margin-left: 10%;
   margin-top: 10%;
}

.noitom-page-mobile .watch-video:after {
   content: '';
   width: .15rem;
   height: .15rem;
   position: absolute;
   right: .15rem;
   top: 44%;
   margin-top: -0.06rem;
   background: url('../images/jt.png') no-repeat;
   background-size: contain;
}

.banner-text {
   font-size: 18px;
   font-family: Source Han Sans CN, Source Han Sans CN-Normal;
   font-weight: Normal;
   color: #c82136;
   margin-bottom: 40px;
}

.reservation--btn {
   min-width: 150px;
   border-radius: 100px;
   background: #c81233;
   padding: 7px 10px;
   display: inline-block;
   color: #fff;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   text-align: center;
   position: relative;
   cursor: pointer;
   display: inline-block;
   text-align: center;
}

.videoDiv img.pause {
   width: .96rem;
   height: .96rem;
   cursor: pointer;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   display: none;
   z-index: 12;
}

.noitom-care-content img {
   width: 5.56rem;
   height: 1.03rem;
}

.swiper-product, .swiper-product .swiper-slide, .swiper-product .swiper-pagination .swiper-pagination-bullet, .banner {
   position: relative;
}

.swiper-product .swiper-slide > img {
   width: 100%;
   display: block;
}

.swiper-product .swiper-pagination {
   width: fit-content;
   height: 39px;
   display: flex;
   top: .48rem;
   left: 50%;
   transform: translateX(-50%);
   transition: .4s;
}

.swiper-product .swiper-pagination .swiper-pagination-bullet {
   width: fit-content;
   height: 39px;
   color: #fff;
   font-size: 16px;
   line-height: 19px;
   white-space: nowrap;
   background: none;
   opacity: .6;
   margin: 0 96px 0 0;
   transition: .6s;
}

.swiper-product .swiper-pagination .swiper-pagination-bullet:before {
   content: '';
   position: absolute;
   width: .34rem;
   height: .04rem;
   top: .35rem;
   left: 50%;
   border-radius: .2rem;
   transform: translateX(-50%);
   background-color: #fff;
   opacity: 0;
}

.swiper-product .swiper-pagination .swiper-pagination-bullet:last-child {
   margin: 0;
}

.swiper-product .swiper-pagination .swiper-pagination-bullet-active, .swiper-product .swiper-pagination .swiper-pagination-bullet-active:before {
   opacity: 1;
}

.home-product-content {
   font-size: .18rem;
   color: #fff;
   position: absolute;
   left: 2.15rem;
   top: 50%;
   transform: translateY(-50%);
}

.home-product-content > h2 {
   font-size: .32rem;
   font-weight: 400;
   line-height: .42rem;
   margin: .1rem 0 .24rem;
}

.home-product-content > p {
   line-height: .3rem;
}

.home-product-content .product-line {
   width: 3.18rem;
   height: .04rem;
   margin: .4rem 0;
}

.home-product-content > ul {
   overflow: hidden;
   margin-bottom: 1.04rem;
}

.home-product-content > ul > li {
   height: .24rem;
   display: flex;
   align-items: center;
   margin-bottom: .2rem;
}

.home-product-content > ul > li > i {
   width: .11rem;
   height: .11rem;
   background-color: #c8243f;
   border-radius: 50%;
   margin-right: .14rem;
}

.home-product-content a.btn {
   display: inline-block;
   width: 1.56rem;
   height: .36rem;
   text-align: center;
   line-height: .32rem;
   color: #fff;
   border: .02rem solid #ffffff;
   border-radius: .2rem;
}

.home-product-content .btn + .btn {
   margin-left: .22rem;
}

.home-product-content .line > div:first-child {
   background: linear-gradient(208deg, #fff 5%, rgba(255, 255, 255, 0) 100%);
}

.home-product-content .line > div:last-child {
   background: linear-gradient(152deg, #fff 5%, rgba(255, 255, 255, 0) 100%);
}

.banner {
   height: 6rem;
   background-size: cover !important;
}

.perception-neuron-series p {
   font-size: .18rem;
}

.banner-content {
   position: absolute;
}

.perception-neuron-series .banner-content {
   top: 1.72rem;
   left: 1.96rem;
}

.perception-neuron-series .banner-content img {
   width: 3.94rem;
   margin-bottom: .4rem;
}

.perception-neuron-series .banner-content h2 {
   font-size: .36rem;
   font-weight: 400;
   color: #ffffff;
   line-height: .47rem;
}

.perception-neuron-series .perception-banner1 {
   position: relative;
   padding: .8rem 0 .98rem;
}

.perception-neuron-series .perception-banner-content {
   width: 15.24rem;
   margin: 0 auto;
}

.perception-neuron-series h1, .perception-neuron-series h2 {
   font-size: .48rem;
   font-weight: 500;
}

.perception-neuron-series #background-text:before {
   content: "Perception Neuron";
}

.perception-neuron-series .region-content:after {
   content: 'WE CAPTURE THE ESSENCE OF MOTION';
   position: absolute;
   color: #cc2844;
   top: 1.62rem;
   right: .93rem;
   border-right: 1.28rem solid #cc2844;
   height: .05rem;
   line-height: .05rem;
   overflow: visible;
   padding-right: .128rem;
   transform: rotate(-90deg);
   transform-origin: 100% 100%;
   white-space: nowrap;
   font-size: .1024rem;
}

.line {
   width: 9.6rem;
   display: block;
   box-sizing: content-box;
}

.perception-neuron-series .title-wrap {
   margin-bottom: .6rem;
}

.perception-neuron-series .title-wrap h1 {
   margin: .8rem 0 .48rem;
   line-height: .58rem;
}

.perception-neuron-series .title-wrap p {
   line-height: .34rem;
}

.perception-neuron-series .perception-content {
   display: flex;
   justify-content: space-between;
}

.perception-neuron-series .pns-logo {
   width: 3.45rem;
   margin: .48rem 0;
}

.perception-neuron-series .perception-content .msg {
   opacity: 0.6;
   font-size: .18rem;
   color: #000000;
   line-height: .24rem;
   margin: .24rem 0 .4rem;
}

.perception-neuron-series .perception-content p {
   height: .92rem;
   line-height: .30666666667rem;
}

.perception-neuron-series .perception-content > img {
   width: 6.39rem;
}

.perception-neuron-series .perception-content .button, .banner2-content .button {
   margin-top: .48rem;
}

.perception-neuron-series .perception-banner2 {
   height: 8.4rem;
   position: relative;
}

.perception-neuron-series .pn3-pro {
   width: 4.54rem;
   position: absolute;
   top: .48rem;
   left: 3.25rem;
}

.perception-neuron-series .banner2-content {
   position: absolute;
   top: 1.68rem;
   right: 1.8rem;
}

.perception-neuron-series .banner2-content img {
   width: 3.46rem;
}

.perception-neuron-series .banner2-content h2, .perception-neuron-series .perception-banner3 h2 {
   margin: .48rem 0;
}

.perception-neuron-series .banner2-content p {
   height: .88rem;
   line-height: .29333333333rem;
}

.perception-neuron-series .perception-banner3 {
   height: 7.41rem;
   display: flex;
   justify-content: center;
}

.perception-neuron-series .perception-banner3 > div {
   margin: 1.68rem .56rem 0 0;
}

.perception-neuron-series .perception-banner3 p {
   height: .89rem;
   line-height: .29666666667rem;
}

.perception-neuron-series .perception-banner3 .pn3-logo {
   width: 2.52rem;
}

.perception-neuron-series .perception-banner3 > img {
   width: 7.6rem;
   height: 5.05rem;
   margin-top: 1.48rem;
}

.perception-neuron-series .perception-banner3 .button {
   margin-top: .67rem;
}

.pns .banner-content {
   top: 1.35rem;
   left: 2.53rem;
}

.pns .banner-content > img {
   width: 5.91rem;
}

.pns .banner-content > h2 {
   font-size: .36rem;
   color: #fff;
   line-height: .47rem;
   font-weight: 400;
   margin: .24rem 0 .12rem;
}

.pns .banner-content > p {
   color: rgba(255, 255, 255, 0.8);
   font-size: .18rem;
   line-height: .24rem;
}

.pns .page-container:before {
   right: 37%;
   background: #C8243F;
}

.pns .page-container:after {
   right: 76%;
   top: .02rem;
   background: #C8243F;
}

.pns .btn {
   width: 3.54rem;
   height: .47rem;
   margin-top: .37rem;
   border-radius: .24rem;
   color: #ffffff;
   background-color: #C82136;
   font-size: .2rem;
   font-weight: 300;
   border: none;
   outline: none;
}

.pn-studio-introduce1 {
   background: url(../images/perception-neuron/pn-studio-bg1.png) no-repeat center center;
}

.pn-studio-introduce1 .content {
   margin: 2.91rem 0 0 10.07rem;
}

.pn-studio-introduce2 {
   background: url(../images/perception-neuron/pn-studio-bg2.png) no-repeat center center;
}

.pn-studio-introduce1,
.pn-studio-introduce2 {
   height: 8.4rem;
   overflow: hidden;
   margin: 0 auto;
   background-size: cover;
}

.pns .content {
   width: 40%;
   color: #ffffff;
}

.pns .pn-studio-introduce2 .content {
   color: #111111;
   margin: 2.6rem 0 0 2.25rem;
}

.pns h1, .pns h2 {
   line-height: .7rem;
   font-size: .48rem;
   font-weight: 500;
   margin-bottom: .48rem;
}

.pns .content p {
   font-size: .18rem;
   line-height: .335rem;
}

.pns .sdk-wrap {
   width: 15.28rem;
   margin: 0 auto 84px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.pns .sdk-wrap img {
   width: 3.12rem;
   margin-bottom: .36rem;
}

.pns #background-text-container .title {
   text-align: center;
   line-height: .66rem;
   margin-bottom: .84rem;
   font-weight: 500;
   text-transform: none;
}

.pns .parameter-wrap {
   padding: 1.2rem 0;
   margin-bottom: 1.2rem;
   background-color: #EFEFEF;
}

.pns .parameter-box {
   width: 15.36rem;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.pns .parameter-box .parameter, .pns .packing-list .parameter {
   border-radius: 0.06rem;
}

.pns .parameter, .pns .parameter-gray {
   width: 7.2rem;
   height: .84rem;
   display: flex;
   padding: 0 .41rem 0 .36rem;
   justify-content: space-between;
   align-items: center;
   font-size: .24rem;
}

.pns .parameter {
   background-color: #FCFCFC;
}

.pns .parameter span:first-child, .pns .parameter-gray span:first-child {
   width: 2.14rem;
}

.pns .parameter span:last-child, .pns .parameter-gray span:last-child {
   width: 3.97rem;
}

.pns .packing-list {
   width: 15.67rem;
   margin: 0 0 .24rem 1.92rem;
   display: flex;
   justify-content: space-between;
}

.pns .packing-list img {
   width: 7.62rem;
   height: fit-content;
   padding-top: 1.75rem;
}

.pns .list {
   width: 7.2rem;
}

.pns .list .parameter {
   width: 100%;
   padding: 0 .36rem;
   background-color: #efefef;
}

.pns .packing-list .list .parameter:nth-child(2n) {
   border-radius: 0;
   background: none;
}

.pns .list .parameter span:first-child {
   width: 4.5rem;
}

.pns .list .parameter span:last-child {
   width: .7rem;
   display: block;
}

.pns .msg {
   font-size: .18rem;
   color: #302d2c;
   line-height: .26rem;
   margin: 0 0 1.2rem 1.92rem;
}

.pns #block-menu-menu-copyright-menu .content{
   width: 100%;
}

.pns .item-1{
   width: 3.35rem;
}

.pns .item-1 img{
   height: 100%;
}

.pn3pro, .pn3, .hi5-2, .vtmini, .perception-neuron-series h1,
.perception-neuron-series h2, .authorized-channels, .noitom-care,
.authorized-channels > p + p, .noitom-care .tagging, .download_service,
.vps, .show-case .application-area, .key-word, .vts {
   line-height: 1;
}

.pn3pro h1, .pn3pro h2 {
   font-size: .48rem;
   font-weight: 400;
}

.pn3pro .banner-content {
   position: absolute;
   top: .82rem;
   left: 2.8rem;
}

.pn3pro .banner-content img {
   display: block;
}

.pn3pro .banner-content .logo {
   width: 5.76rem;
   margin-bottom: .01rem;
}

.ces {
   width: 2.48rem;
}

.pn3pro .ces {
   margin-bottom: .6rem;
}

.pn3pro .banner-content h2 {
   font-size: .36rem;
   line-height: .47rem;
   color: #ffffff;
}

.pn3pro .banner-content .button {
   width: 1.56rem;
   height: .36rem;
   font-weight: 300;
   line-height: .36rem;
   border-radius: .24rem;
   margin-top: .31rem;
}

.pn3pro #background-text:before {
   content: 'Perception Neuron 3 Pro';
}

.pn3pro .title-wrap {
   position: relative;
   overflow: hidden;
}

.pn3pro .title-content {
   width: 73.515501839%;
   margin: .58rem 0 .57rem 1.96rem;
   display: flex;
   justify-content: space-between;
}

.pn3pro .line {
   margin: .62rem 0 .6rem;
}

.pn3pro .series {
   width: 2.46rem;
}

.pn3pro .title-content h1 {
   font-weight: 500;
   line-height: .58rem;
}

.pn3pro .title-content p {
   font-size: .18rem;
}

.pn3pro .perception-banner1 {
   position: relative;
}

.pn3pro .perception-banner1 > img {
   width: 100%;
}

.pn3pro .perception-banner1 .content {
   position: absolute;
   top: 50%;
   right: .6rem;
   transform: translateY(-50%);
}

.pn3pro .perception-banner1 .sensor-title {
   display: inline-block;
   height: .36rem;
   font-size: .24rem;
   font-weight: 400;
   color: #c82136;
   line-height: .38rem;
   margin-bottom: .13rem;
}

.pn3pro .red-circle {
   width: .36rem;
   height: .36rem;
   margin: 0 .2rem .13rem 0;
   vertical-align: bottom;
}

.pn3pro .perception-banner1 .sensor-text {
   height: .56rem;
   font-size: .18rem;
   color: #ffffff;
   line-height: .28rem;
   margin: 0 0 .72rem .56rem;
}

.pn3pro .perception-banner2 {
   width: 15.53rem;
   display: flex;
   justify-content: space-between;
   margin: 1.34rem 0 0 1.96rem;
}

.pn3pro .perception-banner2 > div {
   width: 9.08rem;
}

.pn3pro .perception-banner2 h2 {
   line-height: .48rem;
   margin-bottom: .7rem;
   color: #000;
   display: flex;
   align-items: center;
}

.pn3pro .perception-banner2 h2 i {
   display: inline-block;
   width: .08rem;
   height: .08rem;
   background: #c82136;
   border-radius: 50%;
   margin: 0 .36rem;
}

.pn3pro .perception-banner2 p {
   font-size: .18rem;
   line-height: .28rem;
}

.pn3pro .perception-banner2 > img {
   width: 5.34rem;
   margin: .4rem 0 1.3rem;
}

.pn3pro .perception-banner2 p:nth-child(3) {
   margin: .46rem 0;
}

.pn3pro .perception-banner3 {
   height: 7.2rem;
   padding: 1.2rem 0;
}

.pn3pro .perception-banner3 > div {
   width: 15.28rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 0 auto;
}

.pn3pro .perception-banner3 img {
   width: 8.4rem;
   border-radius: .24rem;
}

.pn3pro .perception-banner3 h2 {
   line-height: .64rem;
   color: #c82136;
}

.pn3pro .perception-banner3 p {
   font-size: .24rem;
   font-weight: 400;
   line-height: .31rem;
   margin: .46rem 0 .33rem;
}

.pn3pro .perception-banner3 ul {
    width: 6rem;
    display: flex;
    flex-flow: wrap;
    line-height: .42rem;
    font-size: .18rem;
}

.pn3pro .perception-banner3 ul li {
   display: flex;
   align-items: center;
}

.pn3pro .perception-banner3 ul li:nth-child(2n) {
   margin-left: .46rem;
}

.pn3pro .perception-banner3 ul li:nth-child(2n-1) {
    min-width: 2.7rem;
}

.pn3pro .perception-banner3 ul li i {
   display: inline-block;
   width: .06rem;
   height: .06rem;
   background: #c82136;
   border-radius: 50%;
   margin-right: .12rem;
}

.pn3pro .plugin-title {
   text-align: center;
   line-height: .64rem;
   margin: 1.25rem 0 .72rem;
}

.pn3pro .plugin-wrap {
   width: 15.28rem;
   display: flex;
   justify-content: space-between;
   margin: 0 auto 1.23rem;
   text-align: center;
}

.pn3pro .plugin-wrap > div {
   width: 4.32rem;
}

.pn3pro .plugin-wrap img {
   width: 100%;
}

.pn3pro .plugin-wrap .p1 {
   font-size: .24rem;
   font-weight: 500;
   line-height: .29rem;
   margin: .53rem 0 .18rem;
}

.pn3pro .plugin-wrap p:last-child {
   font-size: .18rem;
   line-height: .265rem;
}

.pn3pro .plugin-wrap > div:not(.plugin-wrap > div:first-child) p:last-child {
   margin: 0 auto;
}

.pn3pro-btn {
   display: block;
   width: 100%;
   height: 2rem;
   border: none;
   outline: none;
   background: #c82136;
}

.pn3pro-btn span {
   display: block;
   color: #ffffff;
}

.pn3pro-btn span:first-child {
   font-size: .36rem;
   font-weight: 500;
   margin-bottom: .14rem;
}

.pn3pro-btn span:last-child {
   font-size: .24rem;
   font-weight: 400;
   line-height: .29rem;
}

.pn3 .banner-content {
   position: absolute;
   top: .82rem;
   left: 2rem;
}

.pn3 .banner-content img {
   display: block;
}

.pn3 .banner-logo {
   width: 4.21rem;
   margin: 60px 0 7px;
}

.pn3 h1, .pn3 h2 {
   font-size: .48rem;
   font-weight: 400;
}

.pn3 .banner h2 {
   font-size: .36rem;
   color: #ffffff;
   line-height: .36rem;
}

.pn3 .banner-content a {
   width: 1.56rem;
   height: .36rem;
   line-height: .36rem;
   border-radius: .18rem;
   background-color: #C82136;
   margin-top: .40rem;
}

.pn3 .title-wrap {
   margin-left: 1.96rem;
   padding: 120px 0;
   position: relative;
   overflow: hidden;
}

.pn3 .line {
   width: 9.6rem;
   height: auto;
   margin-bottom: .48rem;
}

.pn3 .title-wrap p {
   font-size: .18rem;
}

.pn3 .title-wrap h1 {
   height: .58rem;
   font-weight: 500;
   line-height: .58rem;
}

.pn3 .title-wrap .p1 {
   line-height: .255rem;
   margin: .48rem 0;
}

.pn3 .title-wrap .p2 {
   line-height: .2875rem;
}

.pn3 .title-content {
   width: 7.35rem;
}

.pn3 .title-banner {
   width: 9.68rem;
   position: absolute;
   top: -.5rem;
   right: -.93rem;
}

.pn3 .perception-banner1 {
   background-size: cover;
   position: relative;
   color: #ffffff;
}

.pn3 .perception-banner1 img {
   width: 100%;
   display: block;
}

.pn3 .perception-banner1 > div {
   position: absolute;
   top: 50%;
   right: 1.96rem;
   transform: translateY(-50%);
}

.pn3 .red-circle {
   width: .36rem;
   height: .36rem;
   background: #c82136;
   border-radius: 50%;
   margin-right: .20rem;
   font-size: .22rem;
   font-weight: 400;
   text-align: center;
   line-height: .36rem;
   color: #ffffff;
   display: inline-block;
}

.pn3-sensor-title {
   display: inline-block;
   font-size: .24rem;
   font-weight: 400;
   color: #c82136;
   line-height: .29rem;
   vertical-align: bottom;
}

.pn3 .perception-banner1 p {
   font-size: .18rem;
   line-height: .27rem;
   margin-top: .16rem;
}

.pn3 .perception-banner2 {
   width: 15.52rem;
   padding: 1.34rem 0 1.21rem;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
}

.pn3 .perception-banner2 img {
   width: 5.31rem;
   height: 3.47rem;
   margin-top: .4rem;
}

.pn3 .perception-banner2 h2 {
   line-height: .48rem;
   color: #000000;
   display: flex;
   align-items: center;
   margin-bottom: .73rem;
}

.pn3 .perception-banner2 .dot {
   display: inline-block;
   width: .08rem;
   height: .08rem;
   background: #c82136;
   border-radius: 50%;
   margin: 0 .36rem;
}

.pn3 .perception-banner2 p {
   width: 8.88rem;
   font-size: .18rem;
   line-height: .27rem;
}

.pn3 .perception-banner2 .p1 {
   margin: .42rem 0;
}

.pn3 .perception-banner2 .p2 {
   line-height: .28rem;
}

.pn3 .plugin-wrap {
   color: #ffffff;
   padding: 1.12rem 1.875rem 1.04rem;
   margin: 0 auto;
   background-color: #1d1e21;
   text-align: center;
}

.pn3 .plugin-wrap h2 {
   font-weight: 500;
   line-height: .48rem;
   margin-bottom: .92rem;
}

.pn3 .plugin {
   display: flex;
   justify-content: space-between;
}

.pn3 .plugin > div {
   width: 4.32rem;
}

.pn3 .plugin-title {
   font-size: .24rem;
   font-weight: 500;
   line-height: .27rem;
   margin-bottom: .18rem;
}

.pn3 .plugin:nth-child(2) p, .plugin:last-child p {
   line-height: .265rem;
}

.pn3 .plugin img {
   width: 100%;
   margin-bottom: .55rem;
}

.pn3 .buy-now {
   width: 100%;
   height: 2rem;
   background: #c82136;
   border: none;
   outline: none;
   display: flex;
   flex-flow: column;
   align-items: center;
   color: #ffffff;
}

.pn3 .buy-now span:first-child {
   font-size: .36rem;
   font-weight: 500;
   margin: .66rem 0 .16rem;
}

.pn3 .buy-now span:last-child {
   font-size: .24rem;
   line-height: .27rem;
   font-weight: 400;
}

.hi5-2 h1, .hi5-2 h2 {
   font-size: .48rem;
   font-weight: 500;
   line-height: .48rem;
   margin-bottom: .4rem;
}

.hi5-2 .banner-content {
   position: absolute;
   top: .93rem;
   left: 1.96rem;
   color: #ffffff;
}

.hi5-2 .banner-logo {
   width: 2.77rem;
   margin-bottom: .4rem;
}

.hi5-2 .banner-content h2 {
   line-height: .36rem;
   font-size: .36rem;
   margin-bottom: .84rem;
}

.hi5-2 .banner-content .button {
   width: 1.72rem;
   height: .47rem;
   line-height: .47rem;
   border-radius: .24rem;
   font-size: .2rem;
   font-weight: 300;
   background: #c82136;
   margin: 0;
}

.hi5-2 .title-wrap {
   width: 15.28rem;
   margin-left: 1.96rem;
   padding: 1.04rem 0 1.2rem;
}

.hi5-2 .line {
   width: 9.6rem;
   margin-bottom: .76rem;
}

.hi5-2 .title-content {
   display: flex;
}

.hi5-2 .title-content h1 {
   line-height: .67rem;
   margin-bottom: .1rem;
}

.hi5-2 .title-content p {
   font-size: .26rem;
   line-height: .29rem;
   font-weight: 500;
   margin-bottom: .46rem;
   color: #c82136;
}

.hi5-2 .title-content ul li {
   height: .19rem;
   margin-bottom: .27rem;
   font-size: .18rem;
}

.hi5-2 .title-content ul li:last-child {
   margin: 0;
}

.hi5-2 .title-content ul li i {
   display: inline-block;
   width: .14rem;
   height: .14rem;
   line-height: .19rem;
   margin-right: .12rem;
   background: #c8243f;
   border-radius: 50%;
}

.hi5-2 .title-content video {
   width: 6.7rem;
   height: 4.34rem;
   margin: .14rem 2.2rem 0 0;
   background-color: #000;
}

.hi5-2 .perception-banner1 {
   height: 14.85rem;
   position: relative;
   color: #ffffff;
   overflow: hidden;
   background: linear-gradient(324deg, #2f2f36 66%, #41404e 100%);
}

.hi5-2 .perception-banner1 > div, .hi5-2 .perception-banner1 > img {
   position: absolute;
}

.hi5-2 .perception-banner1 .content1 {
   width: 7rem;
   top: 1.19rem;
   left: 1.92rem;
   z-index: 6;
}

.hi5-2 .perception-banner1 .content2 {
   bottom: 3.33rem;
   right: 1.62rem;
}

.hi5-2 .perception-banner1 .adaptation {
   margin: 0.3rem 0 0.36rem;
   display: flex;
}

.hi5-2 .footnote {
   font-size: 0.14rem;
   color: #aaaaaa;
}

.hi5-2 .perception-banner1 .footnote {
   line-height: 0.24rem;
}

.hi5-2 .advantage .footnote {
   margin-top: 0.36rem;
}

.hi5-2 .adaptation img {
   width: 1.53rem;
}

.hi5-2 .adaptation img:nth-child(2) {
   margin: 0 .32rem;
}

.hi5-2 .perception-banner1 .banner1 {
   width: 9.92rem;
   top: 0.9rem;
   right: 1.56rem;
}

.hi5-2 .perception-banner1 .banner2 {
   width: 10.39rem;
   bottom: 0;
   left: -0.4rem;
}

.hi5-2 .perception-banner1 h2 {
   line-height: .67rem;
   margin-bottom: .2rem;
}

.hi5-2 .content1-red {
   font-size: .24rem;
   font-weight: 500;
   color: #c82136;
   line-height: .33rem;
   margin-bottom: .3rem;
}

.hi5-2 .perception-banner1 p {
   font-size: .18rem;
   height: .88rem;
   line-height: .29333333333rem;
}

.hi5-2 .advantage-wrap {
   padding: 1.17rem 1.53rem .24rem;
   background-color: #FAFAFA;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.hi5-2 .advantage {
   width: 6.96rem;
   margin-bottom: 1.38rem;
}

.hi5-2 .advantage-wrap .advantage:nth-child(3), .hi5-2 .advantage-wrap .advantage:last-child {
   margin-bottom: 0.81rem;
}

.hi5-2 .advantage img {
   display: block;
   width: 100%;
   margin-bottom: .4rem;
}

.hi5-2 .advantage-title {
   font-size: .3rem;
   font-weight: 500;
   line-height: .3rem;
   color: #c8243f;
   margin-bottom: .2rem;
}

.hi5-2 .advantage p {
   font-size: .18rem;
   color: #000;
   line-height: .26rem;
}

.hi5-2 .suit-list {
   width: 15.3rem;
   margin: 1.19rem auto 0.82rem;
}

.hi5-2 .suit-list h2, .hi5-2 .suit-list > p {
   text-align: center;
}

.hi5-2 .suit-list > p {
   font-size: .18rem;
   margin-bottom: .99rem;
}

.hi5-2 .suit-list > img {
   width: 100%;
   margin-bottom: .59rem;
}

.hi5-2 .sup {
   color: #c92540;
}

.hi5-2 .suit-list .footnote {
   margin-top: 0.24rem;
   text-align: right;
}

.hi5-2 table {
   width: 100%;
   font-size: .18rem;
   overflow: hidden;
   border-radius: .06rem .06rem 0 0;
}

.hi5-2 table thead tr {
   border-radius: .06rem .06rem 0 0;
   background-color: #c82136;
}

.hi5-2 th, .hi5-2 td {
   height: .66rem;
   line-height: .66rem;
   min-width: fit-content;
}

.hi5-2 table thead tr th {
   font-weight: 400;
   color: #ffffff;
   text-align: left;
}

.hi5-2 tbody tr td:first-child {
   border-radius: .06rem 0 0 .06rem;
   padding-left: .2rem;
}

.hi5-2 tbody tr td:last-child {
   border-radius: 0 .06rem .06rem 0;
}

.hi5-2 tbody tr:first-child td:first-child {
   border-radius: 0 0 0 .06rem;
}

.hi5-2 tbody tr:first-child td:last-child {
   border-radius: 0 0 .06rem 0;
}

.hi5-2 tbody tr:nth-child(2n) {
   background-color: #efefef;
}

.hi5-2 thead th:first-child {
   padding-left: .74rem;
}

.hi5-2 thead th:nth-child(2) {
   width: .83rem;
}

/* .hi5-2 thead th:last-child, .hi5-2 tbody td:last-child {
   width: 4.73rem;
   padding: 0 .36rem 0 3.23rem;
} */

.hi5-2 thead tr th:not(th:first-child), .hi5-2 tbody tr td:not(td:first-child) {
   text-align: center;
}

.hi5-2 tbody td span {
   display: inline-block;
   width: .23rem;
   height: .23rem;
   background: #c82136;
   border-radius: 50%;
   font-size: .12rem;
   font-weight: 500;
   color: #ffffff;
   text-align: center;
   line-height: .23rem;
   margin: 0 .18rem 0 .33rem;
}

.hi5-2 .plugin-wrap {
   padding: 0.82rem 0 0.72rem;
   text-align: center;
   background-color: #F9F9F9;
}

.hi5-2 .plugin-wrap > p {
   font-size: .18rem;
   margin-bottom: .8rem;
}

.hi5-2 .plugin-wrap .plugin {
   display: flex;
   justify-content: center;
   margin-bottom: 0.36rem;
}

.hi5-2 .plugin-wrap img {
   width: 2.45rem;
}

.hi5-2 .plugin img + img {
   margin-left: 0.72rem;
}

.hi5-2 .foot {
   display: block;
   width: 100%;
   height: 1.22rem;
   color: #ffffff;
   background: #c82136;
   font-size: .48rem;
   font-weight: 400;
   outline: none;
   border: none;
}

.vps .banner-content {
   position: absolute;
   top: 1.73rem;
   left: 2.8rem;
}

.vps .banner-logo {
   width: 5.91rem;
   margin-bottom: .24rem;
}

.vps h1, .vps h2 {
   font-size: .48rem;
   font-weight: 400;
}

.vps .banner-content h2 {
   line-height: .47rem;
   font-size: .36rem;
   color: #ffffff;
}

.vps .banner-content a {
   width: 1.8rem;
   height: .47rem;
   line-height: .47rem;
   font-size: .2rem;
   font-weight: 300;
   margin-top: .24rem;
   background-color: #c82136;
}

.vps .title-wrap {
   width: 15.28rem;
   margin: 0 auto;
   padding: 1.04rem 0 1.2rem;
}

.vps .line {
   width: 9.6rem;
   margin-bottom: .72rem;
}

.vps .title-wrap .title {
   font-weight: 500;
   line-height: .58rem;
   margin-bottom: .24rem;
}

.vps .title-wrap p {
   width: 9.6rem;
}

.vps .title-wrap .p1 {
   font-size: .24rem;
   font-weight: 400;
   line-height: .335rem;
   margin-bottom: .48rem;
}

.vps .title-wrap .p2 {
   font-size: .18rem;
   line-height: .32rem;
   margin-bottom: .96rem;
}

.vps .title-wrap .p3 {
   height: 1.68rem;
   font-size: .18rem;
   line-height: .336rem;
   margin-bottom: 1.32rem;
}

.vps .title-wrap video {
   width: 100%;
   display: block;
}

.vps .perception-banner1 {
   padding: 1.2rem 0 1.23rem;
   background-color: #efefef;
}

.vps .perception-banner1 h2 {
   font-weight: 500;
   line-height: .64rem;
   text-align: center;
   margin-bottom: .6rem;
}

.vps .perception-banner1 > img {
   width: 17.12rem;
   display: block;
   margin: 0 auto .85rem;
}

.vps .features {
   width: 13.88rem;
   display: flex;
   justify-content: space-between;
   margin: 0 auto;
}

.vps .features > div {
   display: flex;
   justify-content: space-between;
}

.vps .features p {
   font-size: .18rem;
}

.vps .features > div:first-child {
   width: 5.42rem;
}

.vps .features > div:last-child {
   width: 6.42rem;
}

.vps .features > div:first-child p {
   width: 4.22rem;
   line-height: .32rem;
}

.vps .features > div:last-child p {
   width: 5.22rem;
   line-height: .33rem;
}

.vps .features img {
   width: .84rem;
   align-self: flex-start;
}

.vps .features-title {
   font-size: .36rem;
   font-weight: 400;
   line-height: .36rem;
   margin-bottom: .3rem;
}

.vps .perception-banner2 {
   position: relative;
   margin-bottom: .24rem;
}

.vps .perception-banner2 img {
   width: 100%;
}

.vps .perception-banner2 .content {
   width: 5.04rem;
   position: absolute;
   top: 1.3rem;
   left: 1.96rem;
   color: #ffffff;
}

.vps .perception-banner2 h2 {
   line-height: .64rem;
   margin-bottom: .48rem;
}

.vps .perception-banner2 p {
   font-size: .18rem;
   line-height: .33rem;
   margin-bottom: .36rem;
}

.vps .perception-banner2 span {
   font-size: .14rem;
   color: #999999;
   line-height: .19rem;
   text-shadow: 0 .03rem .06rem 0 rgba(0, 0, 0, 0.16);
}

.vps .swiper-container {
   width: 100%;
   margin-bottom: 1.2rem;
}

.vps .swiper-button-prev:after, .vps .swiper-button-next:after {
   content: none;
}

.vps .swiper-button-prev, .vps .swiper-button-next {
   width: .36rem;
   height: .36rem;
   background-size: .36rem .36rem;
}

.vps .swiper-button-prev {
   left: 5.22rem;
   background: url(../images/vps/prev.svg) no-repeat;
}

.vps .swiper-button-next {
   right: 5.22rem;
   background: url(../images/vps/next.svg) no-repeat;
}

.vps .swiper-pagination {
   bottom: .48rem !important;
}

.vps .swiper-pagination-bullet {
   width: .24rem;
   height: .02rem;
   border-radius: 0;
   margin: 0 .02rem !important;
   opacity: 0.2;
   background-color: #fff;
   transition: all .3s;
}

.vps .swiper-pagination-bullet-active {
   opacity: 1;
}

.vps .swiper-slide {
   width: 9.24rem !important;
   position: relative;
}

.vps .swiper-slide img {
   width: 100%;
}

.vps .name-of-work, .vps .swiper-slide a, .vps .swiper-slide p {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   color: #ffffff;
}

.vps .swiper-slide p {
   font-size: .24rem;
   font-weight: 300;
   top: .84rem;
}

.vps .name-of-work {
   font-size: .36rem;
   top: 1.25rem;
   line-height: .47rem;
}

.vps .swiper-slide a {
   width: 1.2rem;
   height: .36rem;
   line-height: .36rem;
   text-align: center;
   top: 1.96rem;
   background: rgba(255, 255, 255, 0.1);
   border: .01rem solid #ffffff;
   border-radius: .19rem;
   font-size: .16rem;
   font-weight: 300;
}

.vps #screen-wrapper > h2 {
   text-align: center;
   line-height: .64rem;
   margin-bottom: .36rem;
}

.vps .plugin-msg {
   width: 8.53rem;
   height: .96rem;
   margin: 0 auto .6rem;
   font-size: .18rem;
   text-align: center;
   display: flex;
   flex-flow: column;
   justify-content: space-between;
}

.vps .plugin {
   width: 15.28rem;
   margin: 0 auto .6rem;
   display: flex;
   flex-wrap: wrap;
}

.vps .plugin img {
   width: 3rem;
   margin: 0 .07rem .36rem 0;
}

.vps .plugin img:nth-child(5n) {
   margin-right: 0;
}

.vps .contactUs {
   padding: 1.2rem 0;
   background-color: #efefef;
   position: relative;
}

.vps #contactUs {
   text-align: center;
   line-height: .64rem;
}

.vps .contactUs p {
   font-size: .18rem;
   text-align: center;
   line-height: .24rem;
   margin: .36rem 0 .6rem;
}

.vps .form {
   width: 15.28rem;
   margin: 0 auto;
   font-size: .18rem;
}

.vps .contactUs .form-item {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.vps .contactUs .form-item > div {
   width: 4.6rem;
   margin-bottom: .6rem;
}

.vps .contactUs label {
   display: block;
   line-height: .24rem;
   font-size: .18rem;
   margin-bottom: .12rem;
}

.vps .contactUs .required {
   color: #C92540;
}

.vps .contactUs input, .contactUs .industry-wrap {
   background-color: #fff;
   border-radius: .12rem;
}

.vps .contactUs input {
   width: 100%;
   height: .6rem;
   border: none;
   padding: .12rem .24rem;
   font-size: .18rem;
   font-weight: 300;
}

.vps .back {
   width: 1.12rem;
   height: .48rem;
   color: #ffffff;
   font-weight: 300;
   background: #c82136;
   border-radius: .12rem 0 0 .12rem;
   box-shadow: 0 0 .06rem 0 rgba(0, 0, 0, 0.06);
   position: absolute;
   right: 0;
   bottom: .6rem;
   display: flex;
   align-items: center;
}

.vps .back img {
   width: .3rem;
   margin-left: .09rem;
}

.vps .back span {
   font-size: .16rem;
}

.vps .industry-wrap {
   display: flex;
   flex-wrap: wrap;
   padding-top: .36rem;
   margin-bottom: 1.2rem;
}

.vps .industry-box {
   width: 2.07rem;
   overflow: hidden;
   margin-bottom: .36rem;
}

.vps .industry-box:first-child, .vps .industry-box:nth-child(8n) {
   margin-left: .79rem;
}

.vps .industry-box > div {
   width: fit-content;
   height: .24rem;
   position: relative;
   display: flex;
   align-items: center;
}

.vps .contactUs .industry {
   height: .24rem !important;
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 6;
   background-color: #efefef;
   cursor: pointer;
}

.vps .checkbox__inner {
   width: .22rem;
   height: .22rem;
   position: relative;
   border-radius: .06rem;
   margin-right: .14rem;
   background-color: #efefef;
}

.vps .checkbox__inner:after, .vps .radio__inner:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   margin: .06rem;
   background-color: #c82136;
   transform: scale(0);
   opacity: 0;
   transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

.vps .checkbox__inner:after {
   width: .1rem;
   height: .1rem;
   border-radius: .02rem;
}

.vps .radio-wrap {
   height: .24rem;
   display: flex;
   align-items: center;
   overflow: hidden;
   position: relative;
}

.vps .radio-wrap + .radio-wrap {
   margin-left: .48rem;
}

.vps .contactUs .isCourse {
   height: .24rem;
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 6;
   cursor: pointer;
}

.vps .radio__inner {
   width: .24rem;
   height: .24rem;
   position: relative;
   margin-right: .24rem;
   border-radius: 50%;
   background-color: #fff;
}

.vps .radio__inner:after {
   width: .12rem;
   height: .12rem;
   border-radius: 50%;
}

.vps .is-checked:after {
   transform: scale(1);
   opacity: 1;
}

.vps .submit {
   width: 3.6rem;
   height: .6rem;
   font-size: .18rem;
   color: #ffffff;
   border: none;
   border-radius: .12rem;
   display: block;
   margin: 0 auto;
   background-color: #c82136;
}

.vps .message-box {
   width: 100%;
   height: 100vh;
   position: fixed;
   top: 0;
   left: 0;
   background-color: rgba(64, 51, 51, 0.34);
   z-index: 666;
   transition: all .3s;
   opacity: 1;
}

.vps .message-box .message {
   width: 6rem;
   height: 3.06rem;
   background: #fffdfd;
   border: .02rem solid #b90025;
   border-radius: .1rem;
   box-shadow: 0 .03rem .08rem 0 rgba(85, 52, 52, 0.21);
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: flex;
   flex-flow: column;
   justify-content: center;
   align-items: center;
}

.vps .message .icon {
   width: .88rem;
   height: .88rem;
   margin-bottom: .36rem;
}

.vps .message .msg {
   font-size: .2rem;
   text-align: center;
   color: #b90025;
   line-height: .31rem;
}

.vps .message-close {
   opacity: 0;
   transform: translate3d(0, -20px, 0);
}

.vps .contactUs .error {
   height: .22rem;
   position: absolute;
   left: 50%;
   bottom: .61rem;
   transform: translate(-50%);
   font-size: .18rem;
   color: #c82136;
   display: flex;
   align-items: center;
}

.vps .contactUs .error-icon {
   width: .2rem;
   height: .2rem;
   margin-right: .16rem;
}

.hidden {
   overflow: hidden;
}

.project-alice .swiper-container {
   width: 100%;
   margin: 0 auto;
}

.project-alice .swiper-slide {
   background-size: cover;
   background-position: center;
}

.project-alice .gallery-box {
   height: 724px;
}

.project-alice .gallery-top {
   height: 78%;
   width: 100%;
}

.project-alice .gallery-thumbs {
   height: 20%;
   box-sizing: border-box;
   padding: 10px 0;
}

.project-alice .gallery-thumbs .swiper-slide {
   width: 25%;
   height: 100%;
   opacity: 0.8;
}

.project-alice .gallery-thumbs .swiper-slide-thumb-active {
   opacity: 1;
}

.myswing-professional .performanceParameter img {
   max-width: 80%;
}

.myswing-professional .uncontain-background {
   padding: 0 !important;
   margin: 0 !important;
}

.myswing-professional .link-to-word {
   padding-left: 50px;
}

.iclone-main .page-main {
   background-color: #FBFBFB;
   height: 6.33rem;
   align-items: center;
   display: flex;
   margin: 0 auto;
}

.iclone-main img, .about img  {
   height: auto;
   max-width: 100%;
}

.iclone-main .page-main > img {
   width: 9.36rem;
}

.iclone-main .page-main-info img {
   width: 7.0892rem;
}

.iclone-main .page-main-1 {
   background: #FBFBFB url(https://cloudcdn.noitom.com.cn/noitom2/images/iclone/bg-2.jpg) repeat;
   background-size: cover;
   position: relative;
   align-items: flex-end;
   display: flex;
   height: 4.7rem;
}

.iclone-main .info-text-2 {
   margin-top: .2rem;
   text-align: justify;
   font-weight: 300;
}

.iclone-main .info-text-1 {
   font-size: .24rem;
   text-align: justify;
   font-weight: 600;
}

.iclone-main .info-text-3 {
   font-size: 13px;
   font-style: italic;
   margin-top: .3rem;
   text-align: justify;
}

.iclone-main .margin-left-70 {
   margin-left: .7rem;
}

.iclone-main .page-main-1-text1 {
   margin-bottom: .8rem;
   text-align: center;
   width: 100%;
}

.iclone-main .page-main-3 {
   height: 2rem;
   background-color: #CCCCCC;
   text-align: center;
   justify-content: center;
   align-items: center;
   display: flex;
}

.iclone-main .yhs-main {
   background-color: #252525;
   text-align: center;
   color: #FFF;
   padding: .5rem 0;
}

.iclone-main .buy-main {
   background-color: #555555;
   text-align: center;
   color: #FFF;
   padding: .5rem 0;
}

.iclone-main .page-main-4 {
   margin: .5rem 0;
   clear: both;
}

.iclone-main .page-main-title {
   font-weight: bold;
   font-size: .48rem;
}

.iclone-main .page-main4-logo {
   justify-content: center;
   align-items: center;
   display: flex;
   margin-top: .5rem;
}

.iclone-main .logo-16 {
   float: left;
   width: 13%;
   margin: .2rem;
   color: #BABABA;
   line-height: .67rem;
}

.iclone-main .logo-50 {
   float: left;
   width: 45%;
   margin: .5rem 0 .5rem 5%;
}

.iclone-main {
   background-color: #fff;
}

.iclone-content {
   width: 80%;
   margin-right: auto;
   margin-left: auto;
   text-align: center;
}

.iclone-main .page-50-main {
   margin: .5rem 0;
}

.iclone-main hr {
   clear: both;
}

.iclone-main .info-text-4 {
   text-align: center;
   font-size: .24rem;
   margin-bottom: .1rem;
}

.vtmini {
   color: #000000;
}

.vtmini .banner-wrap {
   position: relative;
}

.vtmini .banner-wrap .banner {
   width: 100%;
}

.vtmini .banner-content {
   position: absolute;
   top: 3.34rem;
   left: 2rem;
}

.vtmini .banner-wrap h2 {
   font-size: .36rem;
   line-height: 1;
   font-weight: 400;
   color: #ffffff;
}

.vtmini .banner-wrap .button {
   width: 1.56rem;
   height: .36rem;
   line-height: .36rem;
   margin-top: .44rem;
}

.vtmini .title-wrap {
   width: 15.48rem;
   margin: 0 auto;
   padding: 1.06rem 0 .75rem;
}

.vtmini .title-wrap .line1, .vtmini .title-wrap .line2 {
   background-color: #c81432;
}

.vtmini .line1 {
   width: 8.51rem;
   height: .03rem;
}

.vtmini .line2 {
   width: 3.99rem;
   height: .1rem;
   margin-bottom: 1.06rem;
}

.vtmini .title-wrap > .title-content {
   display: flex;
   justify-content: space-between;
}

.vtmini .title-content > div {
   width: 8.79rem;
}

.vtmini .title-content h1 {
   font-size: .472rem;
   font-weight: 500;
   line-height: .48rem;
   margin-bottom: 1.19rem;
}

.vtmini .title-content p {
   width: 7.2242rem;
   font-size: .18rem;
   line-height: .28rem;
}

.vtmini .title-content img {
   width: 6rem;
   height: 3.82rem;
   margin-top: 1.14rem;
}

.vtmini .perception-banner1 {
   height: 10.8rem;
   color: #ffffff;
   overflow: hidden;
   background-color: #555555;
}

.vtmini .perception-banner1 h2 {
   font-size: .48rem;
   font-weight: 600;
   line-height: .48rem;
   text-align: center;
   margin: 1.19rem 0 .81rem;
}

.vtmini .suit-wrap {
   width: 13.6rem;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
}

.vtmini .suit-wrap > div {
   width: 6rem;
}

.vtmini .suit-wrap img {
   width: 100%;
   display: block;
   margin-bottom: .48rem;
}

.vtmini .suit-wrap p {
   font-size: .18rem;
   line-height: .28rem;
}

.vtmini .suit-title {
   font-size: .24rem;
   font-weight: 500;
   text-align: center;
   margin-bottom: .16rem;
}

.vtmini .page-main-1 > div {
   float: left;
   height: 6.88rem;
}

.vtmini .page-main-1 > div:first-child {
   width: 9.63rem;
   padding-left: .83rem;
   font-size: .18rem;
}

.vtmini .perception-banner2 {
   position: relative;
}

.vtmini .perception-banner2 .banner2 {
   width: 100%;
}

.vtmini .perception-banner2 .video-vtmini {
   position: absolute;
   width: 8.21rem;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.vtmini .play, .vtmini .pause {
   width: 1.14rem;
   height: auto;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   z-index: 6;
   cursor: pointer;
}

.vtmini .pause {
   display: none;
}

.vtmini .yhs-main {
   width: 15rem;
   margin: 2rem auto;
}

.vtmini .page-main-4 {
   width: 14.32rem;
   padding: 2rem 0;
   margin: 0 auto;
}

.vtmini .page-main-5 {
   height: 12.4rem;
   padding-top: .95rem;
   background: #F9F9F9;
}

.vtmini .page-main-title {
   font-size: .48rem;
   font-weight: 500;
   text-align: center;
   margin-bottom: 1.05rem;
}

.vtmini .btn-o {
   border: none;
   outline: none;
   cursor: pointer;
   width: 1.6rem;
   height: .4rem;
   border-radius: .2rem;
   background-color: #EB9F4F;
   color: #ffffff;
   font-size: .18rem;
   margin-bottom: .22rem;
}

.vtmini .function-title {
   width: 6.55rem;
   font-size: .18rem;
   line-height: .28rem;
}

.vtmini .function-img {
   width: 1.16rem;
   margin: 0 0 -0.13rem .22rem;
}

.vtmini .page-main-6 {
   width: 14.36rem;
   margin: 0 auto;
   padding: 2rem 0 1.54rem;
}

.vtmini .page-main-7 {
   height: 7.44rem;
   text-align: center;
   background-color: #F9F9F9;
}

.vtmini hr {
   clear: both;
}

.vts .banner-content {
   position: absolute;
   top: 1.88rem;
   left: 1.96rem;
   color: #ffffff;
}

.vts h1, .vts h2 {
   font-size: .48rem;
   font-weight: 400;
   line-height: 1;
}

.vts p {
   font-size: .18rem;
   line-height: .36rem;
}

.vts .banner-content h2 {
   line-height: .4rem;
   font-size: .36rem;
   margin-bottom: .24rem;
}

.vts .banner-content p {
   font-size: .2rem;
   line-height: .2rem;
}

.vts .banner-content a {
   width: 1.8rem;
   height: .47rem;
   line-height: .47rem;
   font-size: .2rem;
   font-weight: 300;
   margin-top: .82rem;
   border-radius: .24rem;
   background-color: #c82136;
}

.vts .title-wrap {
   width: 15.28rem;
   padding: 1rem 0 1.2rem;
   margin: 0 auto;
}

.vts .title-wrap > h1 {
   font-weight: 600;
   margin: .8rem 0 .32rem;
}

.vts .title-wrap > p {
   color: #000;
   margin-bottom: .48rem;
}

.vts .title-wrap .video {
   width: 100%;
   height: 8.59rem;
   object-fit: cover;
   margin: 0 auto;
   border-radius: .1rem;
   background-color: #000;
}

.vts .perception-banner1 {
   padding: 1.2rem 0 1.48rem;
}

.vts .perception-banner1, .vts .plug-in-wrap {
   background-color: rgba(239, 239, 239, .6);
}

.vts .perception-banner1 .suit-wrap {
   width: 15.28rem;
   height: 8.52rem;
   overflow: hidden;
   margin: 0 auto 1.2rem;
   background-color: #fff;
}

.vts .perception-banner1 .vts-suit {
   display: block;
   width: 10.63rem;
   margin: 0.54rem auto 0;
}

.vts .perception-banner1 .function-wrap {
   width: 15.28rem;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
}

.vts .perception-banner1 .function {
   text-align: center;
}

.vts .perception-banner1 .img-box {
   width: 2.45rem;
   height: 2.45rem;
   position: relative;
   background: #FFF5F6;
   box-sizing: border-box;
   border-radius: .08rem;
   border: .02rem solid rgba(200, 36, 63, .4);
   box-shadow: 0 .04rem .06rem 0 rgba(190, 95, 95, .16);
}

.vts .perception-banner1 .img-box > img {
   width: 1.28rem;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.vts .perception-banner1 .img-box:last-child > img {
   width: 1.59rem;
}

.vts .perception-banner1 .function-title {
   font-size: .24rem;
   font-weight: 600;
   color: #c92540;
   line-height: .34rem;
   margin: .26rem 0 .21rem;
}

.vts .perception-banner1 .function > p {
   line-height: .25rem;
   color: rgba(0, 0, 0, .6);
}

.vts .perception-banner1 > h2, .vts .perception-banner2, .vts .perception-banner1 > p, .vts .plug-in-wrap > h2, .vts #contactUs, .vts .contactUs > p {
   text-align: center;
}

.vts .perception-banner1 > p {
   margin: .4rem 0;
}

.vts .perception-banner2 {
   padding: .89rem 0 1.2rem;
}

.vts .perception-banner2 > p {
   margin: .4rem 0 1rem;
   color: rgba(0, 0, 0, .6);
}

.vts .perception-banner2 > img {
   width: 11.7rem;
}

.vts .plug-in-wrap {
   padding: .98rem 0 1.2rem;
   text-align: center;
}

.vts .plug-in-wrap > p:not(.tips) {
   color: rgba(0, 0, 0, .6);
   padding: .4rem 0 1.2rem;
}

.vts .plug-in-wrap > img {
   width: 15.28rem;
   margin-bottom: 1.2rem;
}

.vts .plug-in-wrap .button {
   display: block;
   width: 3.6rem;
   height: .6rem;
   line-height: .6rem;
   border-radius: .12rem;
   background-color: #C82136;
   box-shadow: none;
   margin: 0 auto .36rem;
}

.vts .plug-in-wrap .tips {
   font-size: .16rem;
   color: rgba(17, 17, 17, .6);
   line-height: .22rem;
}

.vts .contactUs {
   position: relative;
   padding: 1.2rem 0 1.78rem;
}

.vts .contactUs p {
   line-height: .24rem;
   margin: .36rem 0 .6rem;
}

.vts .form {
   width: 15.28rem;
   margin: 0 auto;
   font-size: .18rem;
}

.vts .contactUs .form-item {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.vts .contactUs .form-item > div {
   width: 4.6rem;
   margin-bottom: .6rem;
}

.vts .contactUs label {
   display: block;
   line-height: .24rem;
   font-size: .18rem;
   margin-bottom: .12rem;
}

.vts .contactUs .required {
   color: #C92540;
}

.vts .contactUs input, .vts .contactUs .industry-wrap {
   background-color: #EDEDED;
   border-radius: .12rem;
}

.vts .contactUs input {
   width: 100%;
   height: .6rem;
   border: none;
   padding: .12rem .24rem;
   font-size: .18rem;
   font-weight: 300;
}

.vts .back {
   width: 1.12rem;
   height: .48rem;
   color: #ffffff;
   font-weight: 300;
   background: #c82136;
   border-radius: .12rem 0 0 .12rem;
   box-shadow: 0 0 .0rem 0 rgba(0, 0, 0, 0.06);
   position: absolute;
   right: 0;
   bottom: 1.19rem;
   display: flex;
   align-items: center;
}

.vts .back img {
   width: .3rem;
   margin-left: .09rem;
}

.vts .back span {
   font-size: .16rem;
}

.vts .radio-wrap {
   height: .24rem;
   display: flex;
   align-items: center;
   overflow: hidden;
   position: relative;
}

.vts .radio-wrap + .radio-wrap {
   margin-left: .48rem;
}

.vts .contactUs .isCourse {
   height: .24rem;
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 6;
   cursor: pointer;
}

.vts .radio__inner {
   box-sizing: border-box;
   width: .24rem;
   height: .24rem;
   position: relative;
   margin-right: .24rem;
   border-radius: 50%;
   background-color: #fff;
   border: .01rem solid #C82237;
}

.vts .radio__inner:after {
   width: .12rem;
   height: .12rem;
   border-radius: 50%;
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   margin: .05rem;
   background-color: #C82237;
   transform: scale(0);
   opacity: 0;
   transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

.vts .radio__inner.is-checked:after {
   transform: scale(1);
   opacity: 1;
}

.vts .submit {
   width: 3.6rem;
   height: 60px;
   font-size: 18px;
   color: #ffffff;
   border: none;
   border-radius: 12px;
   display: block;
   margin: 0 auto;
   background-color: #c82136;
}

.vts .message-box {
   width: 100%;
   height: 100vh;
   position: fixed;
   top: 0;
   left: 0;
   background-color: rgba(64, 51, 51, 0.34);
   z-index: 666;
   transition: all .3s;
   opacity: 1;
}

.vts .message-box .message {
   width: 6rem;
   height: 3.06rem;
   background: #fffdfd;
   border: .02rem solid #b90025;
   border-radius: .1rem;
   box-shadow: 0 .03rem .08rem 0 rgba(85, 52, 52, 0.21);
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: flex;
   flex-flow: column;
   justify-content: center;
   align-items: center;
}

.vts .message .icon {
   width: .88rem;
   margin-bottom: .36rem;
}

.vts .message .msg {
   font-size: .2rem;
   text-align: center;
   color: #b90025;
   line-height: .31rem;
}

.vts .message-close {
   opacity: 0;
   transform: translate3d(0, -0.2rem, 0);
}

.vts .contactUs .error {
   height: .22rem;
   position: absolute;
   left: 50%;
   bottom: 1.2rem;
   transform: translate(-50%);
   font-size: .16rem;
   color: #C82237;
   display: flex;
   align-items: center;
}

.vts .contactUs .error-icon {
   width: .2rem;
   margin-right: .16rem;
}

.noitom-care .banner-content {
   position: absolute;
   top: 1.22rem;
   left: 1.57rem;
}

.noitom-care .banner-logo {
   width: 4.89rem;
   margin-bottom: .6rem;
}

.noitom-care .banner-content h1 {
   font-size: .36rem;
   font-weight: 300;
   color: #ffffff;
   line-height: .47rem;
}

.noitom-care .banner-content .button {
   width: 1.56rem;
   height: .36rem;
   line-height: .36rem;
   font-size: .18rem;
   font-weight: 300;
   background: #c82136;
   border-radius: .18rem;
   margin-top: .4rem;
}

.noitom-care .noitm-care-content {
   width: 15.28rem;
   padding: .81rem 0 .5rem;
   margin: 0 auto;
}

.noitom-care .line {
   margin-bottom: .8rem;
}

.noitm-care-content h3 {
   font-size: .48rem;
   font-weight: 500;
   line-height: .48rem;
   margin-bottom: .4rem;
}

.noitm-care-content p {
   font-size: .18rem;
   font-weight: 400;
   line-height: .3rem;
   margin-bottom: .8rem;
   position: relative;
}

.noitm-care-content p a {
   color: #C82136;
}

.noitom-care .banner1 {
   display: block;
   width: 100%;
}

.noitom-care .line1 {
   height: .3rem;
   background-color: rgba(200, 36, 63, 0.2);
   margin: .8rem 0;
}

.noitm-care-content .lh18 {
   line-height: .18rem;
}

.noitm-care-content .service {
   font-size: .18rem;
   font-weight: 500;
   color: #c92540;
   margin-bottom: .2rem;
}

.noitom-care table {
   width: 10.18rem;
   font-size: .18rem;
}

.noitom-care thead tr {
   height: .62rem;
   line-height: .62rem;
}

.noitom-care tbody tr {
   height: .615rem;
   line-height: .615rem;
}

.noitom-care table td:first-child {
   width: 5.4rem;
   padding-left: .3rem;
}

.noitom-care table td:nth-child(2) {
   width: 3.29rem;
}

.noitom-care thead td {
   position: relative;
}

.noitom-care thead tr {
   background-color: rgba(239, 239, 239, 0.8);
}

.noitom-care thead tr td:first-child {
   border-radius: .06rem 0 0 .06rem;
}

.noitom-care thead tr td:last-child {
   border-radius: 0 .06rem .06rem 0;
}

.noitom-care tbody tr {
   border-bottom: .01rem dashed rgba(201, 37, 64, .2);
}

.noitom-care .tagging {
   font-size: .10rem;
   color: #C92540;
}

.noitom-care .footnote {
   height: .2rem;
   display: flex;
   align-items: center;
   font-size: .18rem;
   color: #7e7e7e;
   margin-bottom: .3rem;
}

.noitom-care .footnote img {
   width: .1rem;
   height: .18rem;
   margin-right: .08rem;
}

.noitom-care .footnote p {
   margin: 0;
   line-height: .25rem;
}

.download_service {
   background-color: #f9f9f9;
}

.download_service .title-wrap {
   padding-top: .8rem;
   margin: 0 0 1.04rem 2.4rem;
}

.download_service .title-wrap .line1 {
   width: 7.1rem;
   height: .02rem;
   background-color: #c8243f;
}

.download_service .title-wrap .line2 {
   width: 320px;
   height: 10px;
   background-color: #c8243f;
   margin-bottom: 35px;
}

.download_service .title-wrap h1 {
   font-size: 48px;
   line-height: 67px;
}

.news #sortable {
   width: 101%;
}

#sortable > div {
   margin-bottom: 36px;
   break-inside: avoid;
   height: 466px;
   width: 366px;
   float: left;
   margin-right: 10px;
}

.news .page-container .region-content:before, .press .page-container .region-content:before {
   content: '';
   background: url(../images/perception-neuron/background-logo.png) no-repeat;
   height: 266px;
   width: 40px;
   left: -7em;
   position: absolute;
   z-index: 1;
   bottom: 4%;
}

.press #sortable {
   width: 100%;
}

.flex {
   display: flex !important;
}

.show-case .fz24 {
   font-size: .24rem !important;
}

.show-case .fw300 {
   font-weight: 300 !important;
}

.show-case .C82136 {
   color: #C82136 !important;
}

.showcase-content {
   width: 15.6rem;
   margin: 0 auto;
}

.show-case .line {
   padding: .85rem 0 .24rem;
}

.show-case h1 {
   line-height: 64px;
   font-size: .48rem;
   font-weight: 700;
   margin-bottom: .24rem;
}

.show-case .introduce {
   width: 10rem;
   font-size: .18rem;
   line-height: .3rem;
   margin-bottom: 0.36rem;
}

.show-case .search-wrap {
   display: flex;
   justify-content: right;
   position: relative;
   margin-bottom: 24px;
}

#search {
   width: 240px;
   height: 60px;
   padding: 0 42px 0 12px;
   font-size: 20px;
   border-radius: 12px;
   margin-right: 12px;
   border: none;
   background-color: #fff;
}

#search-btn {
   box-sizing: content-box;
   width: 24px;
   position: absolute;
   top: 0;
   right: 72px;
   padding: 18px 18px 18px 0;
   cursor: pointer;
}

.show-case .resetting {
   width: 60px;
   cursor: pointer;
}

.show-case .application-area, .key-word {
   background-color: #fff;
   overflow: hidden;
}

.show-case .application-area {
   border-bottom: .01rem dashed #969798;
   border-radius: .12rem .12rem 0 0;
}

.show-case .key-word {
   margin-bottom: .6rem;
   border-radius: 0 0 .12rem .12rem;
}

#fields, #labels {
   width: 12.28rem;
   height: .23rem;
   will-change: height;
   flex-flow: wrap;
   overflow: hidden;
   margin: .3rem .52rem .04rem -0.08rem;
}

.show-case .application-area, .show-case .key-word, #fields, #labels {
   transition: height .3s ease-in-out;
}

#labels {
   margin-top: .31rem;
}

#fields a, #labels span {
   font-size: .18rem;
   height: .23rem;
   line-height: .23rem;
   cursor: pointer;
   color: #111;
   margin: 0 0 .24rem .48rem;
}

#fields a:hover, #labels span:hover {
   color: #C82136;
}

.show-case .open {
   height: fit-content !important;
}

.show-case .application-area .first, .show-case .key-word .first {
   width: 1.52rem;
   padding: .29rem 0;
   line-height: .26rem;
   font-size: .2rem;
   text-align: center;
   background-color: #efefef;
}

.show-case .application-area .first {
   border-top-left-radius: .12rem;
}

.show-case .key-word .first {
   border-bottom-left-radius: .12rem;
}

.show-case .collapse {
   width: .84rem;
   height: .36rem;
   justify-content: center;
   align-items: center;
   background-color: #efefef;
   border-radius: .12rem;
   box-shadow: 0 0 .06rem 0 rgba(0, 0, 0, 0.06);
   cursor: pointer;
   margin-top: .24rem;
}

.show-case .collapse img {
   width: .24rem;
   transition: transform 0.3s ease;
}

.show-case .collapse span {
   font-size: .16rem;
   transition: all .3s;
}

.show-case .collapse .open-btn {
   transform: rotate(-180deg);
}

#case {
   flex-wrap: wrap;
}

#case .card {
   width: 4.8rem;
   height: 6rem;
   background-color: #fff;
   border-radius: .12rem;
   position: relative;
   margin: 0 .6rem .6rem 0;
   box-shadow: 0 0 .12rem 0 rgba(0, 0, 0, 0.10);
   overflow: hidden;
}

#case .card:nth-child(3n) {
   margin-right: 0;
}

#case a:not(.label a) {
   display: block;
}

#case .card > a {
   position: relative;
   height: 2.4rem;
   overflow: hidden;
}

#case .card img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

#case .card img:hover {
   opacity: 0.8;
}

.show-case .card-content {
   padding: .24rem;
}

.show-case .card-content div, .show-case .card-content p, .show-case .card-footer a, .show-case .card-footer button {
   font-size: .16rem;
}

#case .card-content a {
   line-height: .31rem;
   color: #1d1d1f;
   margin: 0 0 .06rem 0;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

#case .card-content a:hover {
   color: #c82136;
}

#case .field {
   line-height: .2rem;
   color: #919191;
   padding-bottom: .23rem;
   border-bottom: .01rem solid #d7d7d7;
   margin-bottom: .24rem;
}

#case p {
   line-height: .28rem;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
   overflow: hidden;
   color: #1d1d1f;
}

.show-case .card-footer {
   width: 100%;
   height: .36rem;
   padding: 0 5%;
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   position: absolute;
   left: 0;
   bottom: .2rem;
}

.show-case .card-footer .date {
   line-height: .36rem;
   font-size: .16rem;
   color: #919191;
}

.show-case .card-footer .label {
   width: 3.2rem;
   height: .36rem;
   overflow: hidden;
}

.show-case .card-footer a, .show-case .card-footer button {
   height: .36rem;
   min-width: fit-content;
   padding: 0 .115rem;
   text-align: center;
   line-height: .36rem;
   color: #111;
   background-color: #efefef;
   border: none;
   outline: none;
   border-radius: .12rem;
   margin-left: .115rem;
   overflow: visible;
}

.show-case .card-footer button {
   cursor: default;
}

.show-case .card-footer .label .none {
   display: none;
}

.show-case .card-footer label:first-child {
   margin: 0;
}

.show-case .active, .show-case a.active {
   color: #ffffff;
   background-color: #c82136 !important;
}

#page-title.flex {
   height: 128px;
   flex-wrap: wrap;
   align-items: center;
}

#page-title .share {
   width: 48px;
   margin-left: 24px;
   cursor: pointer;
   -webkit-user-drag: none;
   user-select: none;
}

.pointer-events {
   pointer-events: none;
}

#message {
   position: fixed;
   top: 84px;
   left: 50%;
   transform: translateX(-50%);
   width: 214px;
   height: 84px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 12px;
   font-size: 20px;
   font-weight: 400;
   color: #9e9e9e;
   background: #FFFFFF;
   opacity: 0;
   transition: opacity 0.3s, top 0.4s;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
   z-index: 66;
}

#message.top {
   top: 124px;
   opacity: 1;
}

#message > img {
   margin-right: 12px;
}

@keyframes jt {
   0%,
   100% {
       opacity: 1;
       transform: translate(4px, 0);
       -webkit-transform: translate(4px, 0);
       -moz-transform: translate(4px, 0);
       -ms-transform: translate(4px, 0);
       -o-transform: translate(4px, 0);
   }

   50% {
       opacity: 0.1;
       transform: translate(0, 0);
       -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
       -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
   }
}
@-moz-keyframes jt
/* Firefox */
{
   0%,
   100% {
       opacity: 1;
       transform: translate(4px, 0);
       -webkit-transform: translate(4px, 0);
       -moz-transform: translate(4px, 0);
       -ms-transform: translate(4px, 0);
       -o-transform: translate(4px, 0);
   }

   50% {
       opacity: 0.1;
       transform: translate(0, 0);
       -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
       -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
   }
}
@-webkit-keyframes jt
/* Safari and Chrome */
{
   0%,
   100% {
       opacity: 1;
       transform: translate(4px, 0);
       -webkit-transform: translate(4px, 0);
       -moz-transform: translate(4px, 0);
       -ms-transform: translate(4px, 0);
       -o-transform: translate(4px, 0);
   }

   50% {
       opacity: 0.1;
       transform: translate(0, 0);
       -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
       -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
   }
}
@-o-keyframes jt
/* Opera */
{
   0%,
   100% {
       opacity: 1;
       transform: translate(4px, 0);
       -webkit-transform: translate(4px, 0);
       -moz-transform: translate(4px, 0);
       -ms-transform: translate(4px, 0);
       -o-transform: translate(4px, 0);
   }

   50% {
       opacity: 0.1;
       transform: translate(0, 0);
       -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
       -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
   }
}
.sbpc {
   position: absolute;
   bottom: 0;
   top: 0;
   width: 120px;
   z-index: 2;
}
.sbpc:before {
   content: '';
   position: absolute;
   left: 50%;
   top: 50%;
   margin: -20px 0 0 -20px;
   width: 40px;
   height: 40px;
   animation: jt 2s infinite;
   -webkit-animation: jt 2s infinite;
}
.swiper-button-prev-custom:before {
   background: url('../images/jt-l.png') no-repeat;
   background-size: contain;
}
.swiper-button-next-custom:before {
   background: url('../images/jt-r.png') no-repeat;
   background-size: contain;
}
.swiper-button-prev-custom {
   left: 0;
   /* background-image: linear-gradient(to right, rgba(168, 168, 168, .6), rgba(225, 225, 225, 0)); */
}
.swiper-button-next-custom {
   right: 0;
   /* background-image: linear-gradient(to left, rgba(168, 168, 168, .6), rgba(225, 225, 225, 0)); */
}
.view-home-applications .view-content {
   display: flex;
   flex-wrap: wrap;
}
.view-home-applications .view-content .views-row {
   width: 33%;
   min-width: 250px;
   text-align: center;
   align-items: center;
   align-content: center;
   flex-grow: 1;
}
.home-applications-link {
   color: #fff;
}
.home-applications-link:hover .home-applications-background {
   box-shadow: inset 0 0 100px rgba(0, 0, 0, .5);
   background-color: #c81432 !important;
   background-image: none !important;
}
.home-applications-background {
   background-size: cover;
   background-position: center center;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: box-shadow 500ms ease-out, background 500ms ease-out;
   height: 50vh;
   background-color: #111;
}
.home-application-info {
   position: relative;
   flex-grow: 1;
   padding: 10px 0;
   text-shadow: 0 0 10px #000;
   height: 200px;
   margin-top: 100px;
   transition: 500ms margin-top ease-out;
}
.home-applications-link:hover .home-application-info{
   margin-top: 0;
}
.home-applications-background h2 {
   color: #fff;
   margin: 0;
   font-weight: 700;
   text-transform: uppercase;
   font-size: 1.6em;
}
.home-application-text {
   transition: 500ms max-height ease-out;
   padding: 1em 10% 0;
   max-height: 0;
   overflow: hidden;
}
.home-applications-link .plus-link {
   max-height: 0;
   transition: 500ms max-height ease-out;
   overflow: hidden;
}
.home-applications-link:hover {
   text-decoration: none;
   color: #fff;
}
/*.home-applications-link .plus-link span,
.home-applications-link:hover .plus-link span {
   background: transparent;
   color: #fff;
}*/
.home-applications-link:hover .home-application-text,
.home-applications-link:hover .plus-link {
   display: block;
   max-height: 10em;
}
.home-applications-link {
   background: #fff;
   color: #333;
   border-color: #fff;
}
#home-contact {
   color: #333;
   background: #fff;
   min-height: 50vh;
}
.container {
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}
.container-swiper-area {
   /* padding: 5em 52px;
   padding: 0 52px 5em; */
}
.view-home-news {
   /* padding-top: 5em; */

   padding: 0 16%;
   background: #f1f1f1;
}
.view-home-news .view-header {
   text-align: center;
}
.view-home-news h2 {
   margin: 0;
   margin-bottom: .3em;
   font-weight: 600;
   font-size: 1.75em;
}
.view-home-news h3 {
   margin: 0;
   font-weight: 400;
   font-size: 1.125em;
}
.article-slider {
   display: flex;
   padding: 80px 0;
}
.article-slider:first-child {
   border-bottom: 1px solid #bbb;
}
.article-slider-image {
   flex: 1;
   /*    height: 536px;
   width: 912px;*/

   overflow: hidden;
   /* index news area*/
}
.article-slider-image>a {
   display: block;
   width: 100%;
   height: 100%;
   /* padding-right: 2em; */
}
.view-home-news .article-slider-image img {
   width: 100%;
   height: auto;
}
.article-slider-content-bao {
   /* width: 72%;
   margin: 0 auto; */

   height: 100%;
   position: relative;
   margin: 0 7% 0 14%;
}
.article-slider-date-and-title {
   /* width: 70%;
   margin: 0 auto; */

   padding: 0 7%;
}
.article-slider-content-bao .article-slider-title {
   height: 80px;
   overflow: hidden;
}
.article-slider-content-bao .article-slider-title a {
   color: #111;
   display: -webkit-box;
   display: -moz-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}
.article-slider-content-bao .article-slider-title a:hover {
   color: #c81432;
   ;
}
.article-slider-content-bao .plus-link {
   margin-top: 26px;
   position: absolute;
   left: 50%;
   bottom: 5%;
   margin-left: -14px;
}
.article-slider-body {
   /* padding: 0 7% 0 14%; */

   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
}
.view-home-news .article-slider-content-bao .view-header {
   /* margin-top: 5%; */
}
.article-slider-content {
   width: 50%;
   /* margin-top: 20px; */
}
.article-slider-title {
   font-size: 24px;
   font-weight: 400;
   margin-bottom: 1em;
   margin-top: 0;
   text-align: center;
   line-height: 40px;
   font-family: 'Montserrat', 'SourceHanSansCN-Medium';
}
.article-slider-content {
   font-weight: 300;
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.view-home-news .readmore {
   color: #000;
   padding: .5em 5em;
   text-transform: uppercase;
   border: 1px solid #000;
   display: inline-block;
   font-size: .75em;
   margin-top: 3em;
   transition: all .25s ease-in;
   font-weight: 400;
}
.view-home-news .readmore:hover {
   background: #333;
   color: #fff;
   text-decoration: none;
}
#content-swiper .swiper-wrapper {
   box-sizing: border-box;
}
#content-swiper .swiper-button-next,
#content-swiper .swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 44px;
   height: 44px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background-size: cover!important;
   background-position: center;
   background-repeat: no-repeat;
   opacity: .4;
   transition: .3s;
   -webkit-transition: .3s;
   -moz-transition: .3s;
   -ms-transition: .3s;
   -o-transition: .3s;
}
#content-swiper .swiper-button-next:hover,
#content-swiper .swiper-button-prev:hover {
   opacity: 1;
}
#content-swiper .swiper-button-next {
   background: url('../images/c-jt.png') no-repeat -44px 0;
   right: -12px;
}
#content-swiper .swiper-button-prev {
   background: url('../images/c-jt.png') no-repeat;
   left: 52%;
}
#content-swiper .my-button-disabled-aa {
   opacity: 0;
   display: none;
}
.artical-swiper .swiper-slide {
   background: #f1f1f1;
}
.artical-swiper .swiper-button-prev:after {
   content: '';
}
.artical-swiper .swiper-button-next:after {
   content: '';
}
#page-banner {
   height: 6rem;
   background-size: cover;
   background-position: center center;
   display: flex;
   align-items: center;
   position: relative;
}
#page-about-banner {
   min-height: 600px;
   background-size: cover;
   background-position: center center;
   display: flex;
   align-items: center;
   position: relative;
}
#page-banner-text {
   color: #fff;
   max-width: 610px;
}
#page-about-banner-text {
   height: 160px;
}
#page-about-banner-title {
   font-size: 32px;
   font-family: 'Montserrat', 'SourceHanSansCN-Bold';
   color: #fff;
   line-height: 52px;
}
#page-about-banner-subtitle,
#page-about-banner-subtitle a {
   color: #fff;
   /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}
#page-banner-text.right {
   text-align: right;
   float: right;
}
#page-banner-text.right #page-banner-title:after {
   left: auto;
   right: 0;
}
#page-banner-text.black-text {
   color: #222;
}
#page-banner-text.white-text {
   color: #fff;
}
#page-banner-title {
   font-weight: 700;
   font-size: 48px;
   line-height: 1.2;
   position: relative;
   margin-bottom: 1em;
}
#page-banner-title>span {
   font-size: 32px;
}
#page-banner-title:after {
   content: " ";
   position: absolute;
   bottom: -.5em;
   width: 40%;
   border-bottom: 5px solid #ffff;
   left: 0;
}
#page-banner-text #page-banner-title {
   font-weight: 700;
   font-size: 48px;
   line-height: 100px;
   position: relative;
   margin-bottom: 0;
}
.en-normal {
   font-size: 22px;
   line-height: 1.2;
   font-family: 'Montserrat';
}
.myswing #page-banner-title {
   font-weight: 700;
   font-size: 48px;
   line-height: 69px;
   position: relative;
   margin-bottom: 1em;
}
.pnpro #page-banner-title {
   color: #fff;
}
.myswing #page-banner-title::after,
.pnpro #page-banner-title::after {
   content: " ";
   position: absolute;
   bottom: 0;
   width: 0%;
   border-bottom: 0px solid transparent;
   left: 0;
}
#page-banner-text #page-banner-title span {
   font-weight: normal;
}
#page-banner-text #page-banner-title:after {
   content: " ";
   position: absolute;
   bottom: 0;
   width: 40%;
   border-bottom: 0px solid transparent;
   left: 0;
}
#page-banner-text #page-banner-logos img {
   margin-bottom: 0;
}
#page-banner-text.black-text #page-banner-title:after {
   border-color: #222;
}
#page-banner-subtitle {
   font-size: 1.2em;
}
#block-menu-menu-perception-neuron-series ul.menu,
#client-map-menu {
   border-top: 1px solid #999;
   border-bottom: 1px solid #999;
   /* padding: .5em 0; */
   margin: 5em 0 0;
   color: #666;
   text-transform: uppercase;
   list-style-type: none;
   text-align: left;
   padding-left: 80px;
}
#block-menu-menu-perception-neuron-series ul.menu li,
#client-map-menu li {
   display: inline-block;
   margin: 0;
   padding: 0;
   list-style: none;
   width: 19%;
   text-align: center;
}
#block-menu-menu-perception-neuron-series ul.menu li a,
#client-map-menu li a {
   display: block;
   padding: 8px 64px 10px;
   font-weight: 300;
   color: #333;
   white-space: nowrap;
   border-top: 7px solid transparent;
   font-family: 'Montserrat', 'SourceHanSansCN-Medium';
}
#block-menu-menu-perception-neuron-series ul.menu li a.active,
#client-map-menu li.selected a {
   border-top: 7px solid #c92440;
}
#block-menu-menu-perception-neuron-series ul.menu li a:hover,
#client-map-menu li a:hover {
   border-top: 7px solid #333;
}
#background-text-container {
   position: relative;
   padding-bottom: 50px;
   padding-top: 85px;
   overflow: hidden;
}
.perception-neuron-series #background-text-container {
   padding-bottom: 0;
}
.page-container .region-content {
   min-height: 30em;
}
#background-text {
   position: absolute;
   width: 320px;
   /*    bottom: 0;*/

   right: 0;
   /*    top: 0;*/

   overflow: hidden;
   z-index: -1;
   height: 1350px;
}
#background-text-alice {
   position: absolute;
   width: 320px;
   bottom: 0;
   right: 0;
   top: 0;
   overflow: hidden;
   z-index: -1;
}
#background-text:before {
   content: "NOITOM";
   white-space: nowrap;
   font-size: 320px;
   color: #fff;
   font-weight: 700;
   line-height: 1.3;
   position: absolute;
   right: 320px;
   top: -.1em;
   transform: rotate(-90deg);
   transform-origin: right top;
}
#background-text-alice:before {
   content: "ALICE";
   white-space: nowrap;
   font-size: 320px;
   color: #fff;
   font-weight: 700;
   line-height: 1.3;
   position: absolute;
   right: 320px;
   top: -.1em;
   transform: rotate(-90deg);
   transform-origin: right top;
}
#page-banner-logos {
   margin-top: 2em;
   display: inline-block;
   text-align: center;
}
#page-banner-logos img {
   margin-right: 1em;
   margin-bottom: 1em;
}
.perception-neuron-series #background-text:before {
   content: "Perception Neuron";
}
.page-container {
   position: relative;
   padding-top: 20px;
}
.page-container:before {
   content: " ";
   right: 50%;
   top: 0;
   left: 0;
   margin-right: 15px;
   margin-left: 15px;
   position: absolute;
   display: block;
   background: #c92440;
   height: 2px;
}
.page-container:after {
   content: " ";
   position: absolute;
   display: block;
   right: 75%;
   left: 0;
   top: 0;
   margin-left: 15px;
   margin-right: 15px;
   background: #c92440;
   height: 10px;
}
.title {
   font-weight: bold;
   font-size: 48px;
   position: relative;
   margin: 0;
   line-height: 64px;
   /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
   text-transform: Uppercase
}
.title.cn {
   font-family: 'Montserrat', 'SourceHanSansCN-Medium';
}
#page-title {
   line-height: 128px;
}
.title em {
   font-family: 'Montserrat', 'SourceHanSansCN-Medium';
}
.page-container .region-content:after {
   /* content: "+ + entertainment, sports, science and medicine."; */

   content: "WE CAPTURE THE ESSENCE OF MOTION";
   position: absolute;
   color: #cc2844;
   top: 0;
   right: -7em;
   border-right: 10em solid #cc2844;
   height: 5px;
   line-height: 5px;
   overflow: visible;
   padding-right: 1em;
   transform: rotate(-90deg);
   transform-origin: 100% 100%;
   white-space: nowrap;
   font-size: .8em;
}
#page .subtitle {
   width: 50%;
   font-weight: 400;
   margin-top: .4em;
   margin-bottom: 1.8em;
   font-size: 18px;
   line-height: 32px;
   /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}
#page .subtitle1 {
   width: 434px;
   height: 22px;
   opacity: 1;
   font-size: 18px;
   font-family: Source Han Sans CN, Source Han Sans CN-Normal;
   font-weight: Normal;
   text-align: left;
   color: #111111;
   line-height: 32px;
}

#page .subtitle2 {
width: 434px;
height: 22px;
opacity: 1;
font-size: 18px;
font-family: Source Han Sans CN, Source Han Sans CN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 32px;
}
.pn3img {
   position: absolute;
   left: -200px;
   top: -225px;
}

#page .subtitle.text-center {
   width: 100%;
}
.double-list {
   column-gap: 50px;
   column-count: 2;
   padding: 10px 0 10px 75px;
}
.founder-image {
   width: 200px;
   max-width: 100%;
   margin-bottom: 2em;
}
.founders {
   background: #e0e0e0;
   background: rgba(0, 0, 0, .1);
}
.founders h4 {
   /* font-style: italic; */

   margin: 10px 0 30px 0;
   font-family: 'Montserrat', 'SourceHanSansCN-Medium';
   font-weight: normal;
}

/* showcase */
.wrapper {
   padding: 40px 0;
}
.card_m {
   background: #fff;
   display: flex;
   flex-direction: column;
   transition: box-shadow .2s ease-in-out;
   border: 1px solid #eee;
   position: relative;
}
.card_m_press {
   background: #fff;
   display: flex;
   flex-direction: column;
   transition: box-shadow .2s ease-in-out;
   border: 1px solid #eee;
   height: 100%;
   position: relative;
}
.card_m_showcase {
   background: #fff;
   display: flex;
   flex-direction: column;
   transition: box-shadow .2s ease-in-out;
   border: 1px solid #eee;
   height: 450px;
   position: relative;
}
.card__picture {
   display: block;
   width: 100%;
   height: auto;
   /* border-top-left-radius: 6px;
   border-top-right-radius: 6px; */
}
.card-infos {
   padding: 20px 26px 0;
   background: #fff;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
}
.card__picture:hover {
   opacity: 0.8;
   background-color: #fff;
   transition: 0.4s;
   -o-transition: 0.2s;
   -moz-transition: 0.2s;
   -webkit-transition: 0.2s
}
.card_m.news_card {
   display: block;
   color: #111;
}
.news_card .card-infos {
   padding: 1em;
   height: 80px;
}
.news_card .article-teaser-title {
   line-height: 1.42;
}
.card__title {
   font-size: 1.5rem;
   font-weight: 600;
   line-height: 1.4;
   margin-bottom: 14px;
}
.card__title_press {
   font-size: .22rem;
   font-weight: 600;
   line-height: 1.4;
   height: .64rem;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   word-wrap: break-word;
   /*word-break: break-all;*/

   margin-bottom: 6px;
}
.card-infos a {
   color: #111;
}
.card-infos a:hover {
   color: #c81432;
}
.card__text {
   font-weight: 300;
   line-height: 28px;
   margin: 0;
   color: #86888A;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   word-wrap: break-word;
   /*word-break: break-all;*/
}
.card__text--high {
   font-weight: 600;
}
.header {
   height: 160px;
   display: flex;
}
.header__title {
   margin: auto;
   font-weight: 300;
   font-size: 3.2rem;
   color: #fff;
}
.header__title--high {
   font-weight: 600;
}
.sortable__nav {
   display: flex;
   justify-content: center;
   margin-bottom: 20px;
}
.nav__link {
   padding: 0 20px 4px;
   color: #fff;
   font-size: 1.4rem;
   font-weight: 300;
   display: block;
   border-bottom: 2px solid transparent;
}
.footer__list.list {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.list__item.item {
   display: flex;
}
.item__link.link {
   margin: 0;
}
.item__link.link:not(:first-child) {
   margin-left: 20px;
}
.link__icon {
   height: 2rem;
   width: 2rem;
}
#view-categories .view-filters .views-exposed-widget {
   float: none;
   padding: 0;
   margin-top: 10px;
}
#view-categories input {
   background: transparent;
   border: 1px solid #666;
   font-size: .8em;
   padding: 7px;
   width: 100%;
   border-radius: 5px;
   margin: 0 -7px;
   box-sizing: content-box;
}
#view-categories .views-exposed-form .views-exposed-widget {
   float: none;
}
#view-categories {
   color: #fff;
   background: #000;
   height: 100%;
}
#view-categories .view-press-categories {
   color: #fff;
   background: #000;
}
.view-article-categories {
   /*grid-row-end:span 55;*/
}
.view-news .view-press-categories .view-content {
   margin-top: 0;
}
.press-categories-title,
.showcase-categories-title,
.article-categories-title {
   text-transform: uppercase;
   font-size: .9em;
   font-weight: 600;
}
#view-categories .view-header {
   border-bottom: 1px solid #666;
   padding: 20px 30px;
}
#view-categories .view-content {
   padding: 20px 30px;
}
#view-categories .item-list ul {
   list-style-type: none;
   padding: 0;
}
#view-categories .item-list ul li {
   margin: 0 0 10px;
   padding: 0;
   display: table;
   width: 100%;
}
#view-categories .item-list ul li .views-field {
   display: table-cell;
}
#view-categories .item-list ul li a {
   color: #fff;
}
.view-article-categories .item-list ul .views-field-name {}
#view-categories .item-list ul .views-field-nid {
   color: #666;
   font-weight: 600;
   text-align: right;
   padding-left: 10px;
}
.article-teaser {
   background: #fff;
   border: 1px solid #eee;
}
.readmore {
   font-weight: 700;
   letter-spacing: .1em;
   text-transform: uppercase;
   color: #c81432;
   font-size: .75em;
   width: 60px;
   margin: 26px 0 17px 27px;
}
.readmore_press {
   font-weight: 700;
   letter-spacing: .1em;
   text-transform: uppercase;
   color: #c81432;
   font-size: .75em;
   margin: .22rem;
   /* width: 60px;
   position: absolute; */
   /* bottom: .17rem;
   left: .27rem; */
}
.article-teaser-title {
   font-size: 0.8em;
   font-weight: 300;
   color: #b3b3b3;
   margin-bottom: 12px;
}

/* showcase end */
.uncontain-background {
   padding: 0 calc(50vw - 50%);
   margin: 0 calc(-50vw + 50%);
   position: relative;
}
.page-section {
   padding-bottom: 50px;
   padding-top: 50px;
   line-height: 1.8;
}
.page-section p {
   margin-bottom: 1.8em;
}
.product-desc {
   width: 87%;
}
.product-desc p {
   font-size: 18px;
}
.page-section h2 {
   font-size: 1.4em;
   font-weight: 700;
   margin-bottom: 1.8em;
}
.row {
   margin-right: -15px;
   margin-left: -15px;
}
.page-section .col-md-6 {
   margin-top: 0px;
}
.col-md-6,
.col-md-12 {
   position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
}
.col-md-6 {
   width: 50%;
   margin-top: 20px;
}
.col-md-12 {
   width: 100%;
}
.callout {
   width: 540px;
   font-weight: 500;
   margin-top: .4em;
   margin-bottom: .8em;
   text-transform: uppercase;
   font-size: 48px;
   line-height: 64px;
   font-family: 'Montserrat', 'SourceHanSansCN-Medium';
}
.section-title {
   font-weight: 400;
   margin-top: .4em;
   margin-bottom: 1.2em;
   text-transform: uppercase;
   font-size: 24px;
   line-height: 40px;
   font-family: 'Montserrat', 'SourceHanSansCN-Medium';
}
.pn-icon,
.alice-icon {
   padding-left: 75px;
   position: relative;
}
.pn-icon:before,
.alice-icon:before {
   content: " ";
   position: absolute;
   top: 50%;
   margin-top: -30px;
   left: 0;
   background: url('../images/perception-neuron/pn-icon.png') no-repeat center center;
   background-size: cover;
   width: 60px;
   height: 60px;
   display: inline-block;
   vertical-align: middle;
}
.single-list {
   padding: 10px 0 10px 75px;
}
.double-list {
   column-gap: 50px;
   column-count: 2;
   padding: 10px 0 10px 25px;
}
.double-list li,
.single-list li {
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid;
   list-style-type: none;
   position: relative;
   line-height: 1.2;
   margin-bottom: .6em;
   list-style-type: disc;
}

.single-list li ul li{
   margin-top: .6em;
   margin-left: 1.9em;
   list-style-type: circle;
}
/* .double-list li::before,
.single-list li::before {
   content: '\2022';
   position: absolute;
   left: -1em;
   height: 1em;
   font-size: 1em;
} */
.button {
   width: 160px;
   height: 40px;
   line-height: 40px;
   background: #c81432;
   color: #fff;
   position: relative;
   z-index: 6;
   text-transform: uppercase;
   font-size: 18px;
   border-radius: 2em;
   margin-top: 26px;
   display: inline-block;
   text-align: center;
   box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
}
.grey {
   background: #282828 url('../images/perception-neuron/greybg.jpg') no-repeat center center;
   background-size: cover;
   color: #fff;
}
.pn-pro {
   background: #000000 url(../images/perception-neuron/pn-pro-bg.jpg) no-repeat center top;
   color: #fff;
   padding-top: 180px;
   padding-bottom: 180px;
}
.hi5big-bg.grey {
   background: #000000 url(../images/hi5-vr-glove/hi5big-bg.jpg) no-repeat;
   background-size: cover;
}
.page-logo {
   margin-bottom: 2em;
}
.uncontain {
   margin: 0 calc(-50vw + 50%);
}
.red {
   background: #c81432;
   color: #fff;
}
.black {
   background: #000;
   color: #fff;
}
.uncontain.split {
   display: flex;
   align-items: stretch;
   align-content: stretch;
}
.uncontain.split .half {
   width: 50%;
   padding: 50px 10%;
}
.split .section-title {
   margin: 2em 0 .5em;
   font-weight: 700;
}
.split .section-title:first-child {
   margin: 0 0 .5em;
}
.integrations-logos {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   list-style: none;
   margin: 20px 0;
   width: 100%;
   padding: 0;
}
.integrations-logos li {
   flex-basis: 33.33%;
   padding: 15px 10px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.grey-box {
   background: #ececec;
   background: rgba(0, 0, 0, .05);
   padding-top: 3em;
   padding-bottom: 4em;
}
.grey-box h2 {
   text-transform: none;
   font-weight: 400;
}
.grey-box p {
   max-width: 1024px;
   margin: auto;
}
#china-store-link {
   background: #c81432;
   padding: 70px;
   text-align: center;
   color: #fff;
   font-size: 1.4em;
   font-weight: 300;
   line-height: 1.5;
   margin-top: 30px;
   margin-bottom: -50px;
}
#china-store-link b {
   font-weight: 500;
   white-space: nowrap;
}
#china-store-link a {
   background: #fff;
   color: #c81432;
   padding: 10px 30px;
   text-transform: uppercase;
   font-size: .6em;
   font-weight: 500;
   border-radius: 2em;
   margin-left: 2em;
   display: inline-block;
   margin-top: 10px;
}
.border-top {
   border-top: 1px solid #999;
}
.border-bottom {
   border-bottom: 1px solid #999;
}
.myswing-professional #background-text:before {
   content: " ";
}
.myswing-professional .page-container:before,
.myswing-professional .page-container:after {
   background: #337b37;
}
.myswing-professional .page-container .region-content:after {
   color: #337b37;
   border-color: #337b37;
}
.a_more {
   font-size: 18px;
   color: #5cb52f;
}
#page.myswing-professional {
   /* background: url('../images/myswing/myswing-background.png') center bottom no-repeat; */

   background-size: 100% auto;
}
.alice-icon:before {
   background-image: url('../images/project-alice/alice-icon.png');
}
.sub-section {
   margin-top: 30px;
}
.row.vertical-align {
   display: flex;
   align-items: center;
   align-content: stretch;
}
.application-columns {
   position: relative;
   padding: 2em 0;
}
.application-columns:before {
   content: " ";
   position: absolute;
   left: 50%;
   top: 0;
   height: 100%;
   border-left: 2px solid #999;
}
.application-columns::after {
   display: block;
   content: "";
   clear: both;
}
.application-columns p {
   font-size: .18rem;
   line-height: .4rem;
   text-align: justify;
   text-align-last: left;
   margin: 0 auto 40px;
}
.application-columns p a {
   color: #c8243f;
}
.application-left-column {
   padding-right: 45px;
   padding-left: 45px;
}
.application-right-column {
   padding-right: 45px;
   padding-left: 45px;
}
.application-tit {
   font-size: 18px;
}
.application-text p {
   padding-left: 40px;
   background: url('../images/vfx-and-animation/fgx.png') no-repeat 0 13px;
}
.map-wrap {
   max-width: 100%;
   text-align: center;
}
.map-wrap>img {
   width: 100%;
}
.address-parts {
   display: flex;
   flex-wrap: wrap;
   padding-top: 18px;
}
.address-parts .address-part-item {
   flex: 1;
   padding-left: 20px;
   margin-bottom: 105px;
}
.address-parts .address-part-item h3 {
   font-size: 28px;
   background: url('../images/noitom-icon.png') no-repeat 0 16px;
   line-height: 60px;
   padding-left: 46px;
   margin-bottom: 10px;
}
.addressH3 {
   font-size: 28px;
   background: url('../images/noitom-icon.png') no-repeat 0 16px;
   line-height: 60px;
   padding-left: 46px;
   margin-bottom: 10px;
}
.address-parts .address-part-item p {
   font-size: 17px;
   line-height: 29px;
   margin-bottom: 7px;
}
.address-parts .address-part-item p a {
   color: #111;
}
.address-parts .address-part-item:nth-child(1),
.address-parts .address-part-item:nth-child(3),
.address-parts .address-part-item:nth-child(5) {
   width: 52%;
   flex: inherit;
}
.social-part {
   padding-bottom: 0px;
}
.social-scanning {
   display: flex;
  /*  justify-content: center; */
}
.share-ewm {
   width: 150px;
   margin-right:50px;
   text-align: center;
   /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}
.social-scanning img {
   margin-top: 12px;
}
.social-tips {
   font-size: 19px;
   line-height: 2;
   margin-top: 46px;
   margin-bottom: 28px;
   text-align: center;
}
.social-share-parts {
   width: 366px;
   margin: 0 auto;
   border-top: 1px solid #000;
   display: flex;
   justify-content: center;
   padding-top: 29px;
}
.social-share-parts>a {
   display: block;
   font-size: 0;
   z-index: 1;
   text-indent: 1000px;
   overflow: hidden;
   width: 27px;
   height: 27px;
   background-size: cover!important;
   margin: 0 5px;
}
.social-share-parts>a.part-1 {
   background: url('../images/contact/social-ico-1.png');
}
.social-share-parts>a.part-2 {
   background: url('../images/contact/social-ico-2.png');
}
.social-share-parts>a.part-3 {
   background: url('../images/contact/social-ico-3.png');
}
.social-share-parts>a.part-4 {
   background: url('../images/contact/social-ico-4.png');
}
.social-share-parts>a.part-5 {
   background: url('../images/contact/social-ico-5.png');
}
.contact-swiper-item {
   width: 100%;
   height: 215px;
   background-size: cover!important;
   position: relative;
}
.contact-swiper-item>a {
   display: block;
   width: 160px;
   height: 48px;
   background: rgba(0, 0, 0, .3);
   position: absolute;
   font-size: 0;
   opacity: 0;
   text-indent: -1111px;
   overflow: hidden;
}
.csw-1 {
   background: url('../images/contact/contact-swiper-1.jpg') no-repeat;
}
.csw-1>a {
   right: 52px;
   bottom: 22px;
}
.csw-2 {
   background: url('../images/contact/contact-swiper-2.jpg') no-repeat;
}
.csw-2>a {
   left: 52px;
   bottom: 22px;
}
.csw-3 {
   background: url('../images/contact/contact-swiper-1.jpg') no-repeat;
}
.csw-3>a {
   right: 52px;
   bottom: 22px;
}
.csw-4 {
   background: url('../images/contact/contact-swiper-2.jpg') no-repeat;
}
.csw-4>a {
   left: 52px;
   bottom: 22px;
}
.csw-5 {
   background: url('../images/contact/contact-swiper-1.jpg') no-repeat;
}
.csw-5>a {
   right: 52px;
   bottom: 22px;
}
.csw-6 {
   background: url('../images/contact/contact-swiper-2.jpg') no-repeat;
}
.csw-6>a {
   left: 52px;
   bottom: 22px;
}
.csw-7 {
   background: url('../images/contact/contact-swiper-1.jpg') no-repeat;
}
.csw-7>a {
   right: 52px;
   bottom: 22px;
}
.contact-swiper {
   margin: 0 10% 120px;
   position: relative;
}
.contact-swiper .swiper-button-prev {
   background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
   left: -60px;
   right: auto;
}
.contact-swiper .swiper-button-next {
   background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
   right: -60px;
   left: auto;
}
.about-lef #block-menu-menu-perception-neuron-series {
   width: 49%;
}
.job-tab-item {
   line-height: 52px;
   font-size: 19px;
   /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}
.job-tab-item a {
   display: inline-block;
   margin-right: 11px;
   color: #111;
}
.job-tab-item a.on {
   color: #c8243f;
}
.job-tab-item span {
   display: inline-block;
   width: 112px;
}
#join-us .page-section {
   padding-top: 0;
}
.job-content-item {
   padding: 36px 48px 36px 35px;
   display: flex;
   justify-content: space-between;
   border-bottom: 2px solid #f9f9f9;
}
.job-content-item h3 {
   width: 370px;
   font-size: 24px;
   line-height: 48px;
   /*font-family: 'Montserrat','SourceHanSansCN-Bold';*/

   position: relative;
}
.job-content-item h3::after {
   content: '';
   width: 1px;
   height: 48px;
   background: #f1f1f1;
   position: absolute;
   right: 0;
   top: 0px;
}
.job-content-item span {
   display: block;
   line-height: 48px;
   padding-left: 40px;
   color: #949494;
}
.job-content-item p a {
   color: #111;
}
.job-content-item .goto {
   width: 220px;
   height: 48px;
   display: flex;
   flex: 1;
   justify-content: flex-end;
   align-items: center;
}
.join-btn {
   display: block;
   width: 160px;
   height: 40px;
   text-align: center;
   line-height: 40px;
   background: #c8243f;
   color: #fff;
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
}
.job-content {
   margin-top: 53px;
   background: #fff;
}
.page-section h2.has-subtitle {
   margin-bottom: 0;
   font-size: 2em;
}
#client-map {
   position: relative;
}
#client-map img {
   margin: 0 auto;
}
.client-map-layer {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}
.client-map-layer.active {
   display: block;
}
.client-map {
   max-width: 100%;
   margin: 0;
}
.view-id-clients .view-content {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   /*max-width: 1440px;*/
   min-width: 1000px;
   margin: 0 auto;
}
.view-id-clients .views-row {
   width: 210px;
   height: 110px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
}
.view-id-clients .views-row img {
   max-width: 90%;
   max-height: 90%;
   filter: saturate(.04);
   -webkit-filter: saturate(.04);
}
.view-id-clients .views-row:hover img {
   filter: saturate(1);
   -webkit-filter: saturate(1);
}
#perception-neuron-2-0.page-section {
   height: 826px;
   background: url('../images/perception-neuron/pn-2-inner.png') no-repeat right bottom;
   padding-top: 0;
}
#perception-neuron-pro.page-section {
   height: 837px;
   background: url('../images/perception-neuron/pn-pro-inner.png') no-repeat 96% bottom;
   padding-top: 0;
   margin-bottom: 100px;
}
.neuron-fun {
   height: 100%;
}
.neuron-fun .items-list {
   width: 350px;
   padding-top: 40px;
   margin-left: -26px;
}
.neuron-fun .items-list li {
   width: 50%;
   height: 174px;
   text-align: center;
}
.items-icon {
   display: block;
   height: 86px;
}
.items-icon-01 {
   background: url(../images/perception-neuron/neuron-fun-1.png) no-repeat center 0;
}
.items-icon-02 {
   background: url(../images/perception-neuron/neuron-fun-2.png) no-repeat center 0;
}
.items-icon-03 {
   background: url(../images/perception-neuron/neuron-fun-3.png) no-repeat center 0;
}
.items-icon-04 {
   background: url(../images/perception-neuron/neuron-fun-4.png) no-repeat center 0;
}
.items-icon-pro-01 {
   background: url(../images/perception-neuron/neuron-pro-fun-1.png) no-repeat center 0;
}
.items-icon-pro-02 {
   background: url(../images/perception-neuron/neuron-pro-fun-2.png) no-repeat center 0;
}
.items-icon-pro-03 {
   background: url(../images/perception-neuron/neuron-pro-fun-3.png) no-repeat center 0;
}
.items-icon-pro-04 {
   background: url(../images/perception-neuron/neuron-pro-fun-4.png) no-repeat center 0;
}
.neuron-wear {
   height: 751px;
   background: url('../images/perception-neuron/neuron-wear.png') no-repeat right bottom;
}
.neuron-wear-cont {
   padding-top: 175px;
}
.product-tit {
   font-size: 48px;
   line-height: 64px;
}
.p-1 {
   font-size: 18px;
   line-height: 32px;
}
.neuron-wear-cont .product-tit {
   text-transform: uppercase;
   padding-bottom: 58px;
}
.neuron-wear-fun {
   display: flex;
   justify-content: space-between;
   padding-top: 40px;
   /*padding-bottom: 120px;*/
}
.neuron-wear-fun-item {
   width: 26%;
}
.neuron-wear-fun-item-img {
   width: 126px;
}
.neuron-wear-fun-item-con {
   float: right;
   width: 55%;
}
.wear-context h2 {
   height: 57px;
   font-size: 24px;
   position: relative;
   margin-bottom: 17px;
}
.wear-context h2:after {
   width: 100%;
   position: absolute;
   content: '';
   bottom: 0;
   left: 0;
   height: 2px;
   background: #c8243f;
}
.desc {
   font-size: 18px;
   line-height: 32px;
}
.f0f0f0 {
   background: #f0f0f0;
}
.second-tit {
   font-size: 24px;
   line-height: 48px;
}
#soft-support {}
#soft-support .second-tit {
   margin-top: 81px;
   text-align: center;
}
.soft-support-list {
   padding-top: 46px;
   padding-bottom: 33px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   max-width: 1200px;
   margin: 0 auto;
}
.soft-support-list li {
   margin: 0 20px 52px;
}
#toconfigure {
   padding-top: 143px;
   padding-bottom: 132px;
}
.toconfigure-left {
   padding: 49px 0 0 15px;
   width: 440px;
}
.toconfigure-list {}
.toconfigure-list li {
   font-size: 18px;
   line-height: 32px;
}
.toconfigure-list li span {
   float: right;
   width: 78px;
}
#toconfigure .button {
   margin-top: 65px;
}
.toconfigure-right {
   text-align: right;
   flex: 1;
   padding-top: 50px;
}
#news-banner {
   height: 400px;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   display: flex;
   align-items: flex-end;
   position: relative;
}
#news-banner-text {
   width: 1160px;
   color: #fff;
   padding-bottom: 176px;
}
#news-banner-title {
   font-size: 48px;
   font-weight: bold;
   line-height: 64px;
}
#news-banner-subtitle {
   line-height: 32px;
}
#new-content {
   padding-top: 84px;
}
#new-content-box {
   display: flex;
   color: #666666;
}
#new-content-left {
   width: 801px;
   /* margin-left: 138px; */
}
#new-title {
   font-size: 32px;
   line-height: 54px;
   color: #111111;
}
#new-time {
   line-height: 34px;
   color: #939393;
   margin-bottom: 16px;
}
.new-sub-tit {
   font-size: 24px;
   line-height: 48px;
   position: relative;
   padding-left: 12px;
   color: #111111;
}
.new-sub-tit::before {
   content: '';
   width: 4px;
   height: 20px;
   background: #c8243f;
   position: absolute;
   left: 0;
   top: 14px;
}
.page-box {
   border-top: 1px solid #dbdbdb;
   text-align: center;
   padding-top: 23px;
   line-height: 32px;
   position: relative;
   padding-bottom: 80px;
}
.page-box * {
   display: block;
}
.page-box a:nth-of-type(1) {
   position: absolute;
   left: 0;
   top: 23px;
   background: url('../images/pg-l.jpg') no-repeat 1px center;
   padding-left: 34px;
   color: #939393;
}
.page-box a:nth-of-type(2) {
   color: #c8243f;
}
.page-box a:nth-of-type(3) {
   position: absolute;
   right: 0;
   top: 23px;
   background: url('../images/pg-r.png') no-repeat right center;
   padding-right: 34px;
   color: #939393;
}
#new-content-right {
   flex: 1;
   margin-left: 138px;
}
.newsroom-tags {
   width: 340px;
}
.newsroom-tags .title {
   font-size: 24px;
   line-height: 48px;
   font-weight: normal;
   margin-bottom: 9px;
   color: #111;
}
.newsroom-tags ul {
   margin-bottom: 46px;
}
.newsroom-tags ul.tags-list li {
   margin-right: 8px;
   margin-bottom: 8px;
}
.newsroom-tags ul.tags-list li a {
   line-height: 18px;
   border: solid 1px #c8243f;
   color: #c8243f;
   padding: 6px 14px;
   display: inline-block;
   font-weight: 300;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}
.news-list ul li {
   margin-bottom: 26px;
}
.news-list ul a {
   position: relative;
   display: block;
   line-height: 28px;
}
.news-list ul a.big-img {
   width: 100%;
   margin-bottom: 11px;
}
.news-list ul li .logo-box {
   width: 100%;
   max-height: 219px;
   overflow: hidden;
   margin: 0;
}
.news-list ul li img {
   width: 100%;
}
.news-list ul li .desc {
   width: 227px;
   position: relative;
   line-height: 36px;
}
.news-list ul li .desc.no-logo {
   width: 100%;
}
.news-list ul li .desc .new-info {
   margin: 0;
}
.news-list ul li .desc .date {
   color: #707473;
   font-size: 12px;
   margin-right: 8px;
   background-color: #f7f8f9;
   display: inline-block;
}
.news-list ul li h3 {
   font-weight: 400;
   font-size: 16px;
   max-height: 38px;
   overflow: hidden;
   color: #111;
   line-height: 20px;
}
.job-type {
   display: flex;
   flex-direction: column;
   height: 245px;
   justify-content: center;
   padding: 0 40px;
}
.job-type>span {
   display: block;
   font-size: 32px;
   line-height: 66px;
}
.job-type>p>span {
   margin-right: 22px;
   color: #a3a3a3;
}
.job-type-desc {
   padding: 66px 40px;
   border-top: 1px solid #f0f0f0;
}
.title-2 {
   font-size: 24px;
   line-height: 48px;
}
.job-type-desc .title-2 {
   margin-bottom: 18px;
}
.job-type-desc-item {
   padding-top: 60px;
}
.job-type-desc-item:first-child {
   padding-top: 0px;
}

/* time-line  honor */
.main-timeline {
   width: 1054px;
   margin: 0px auto;
   position: relative;
}
.main-timeline:before {
   content: "";
   display: block;
   width: 2px;
   height: 100%;
   background: rgba(0, 0, 0, 1);
   margin: 0 0 0 -1px;
   position: absolute;
   top: 0;
   left: 50%;
}
.main-timeline .timeline {
   width: 100%;
   margin-bottom: 20px;
   position: relative;
}
.main-timeline .timeline:after {
   content: "";
   display: block;
   clear: both;
}
.main-timeline .timeline-content {
   width: 420px;
   border: 1px solid #e1e1e1;
   background: #fff;
   padding: 9px;
   position: relative;
}
.main-timeline .timeline .timeline-content::before {
   content: "";
   width: 22px;
   height: 33px;
   position: absolute;
   top: 60px;
   right: -22px;
   background: url('../images/honor/jt.jpg') no-repeat;
   z-index: 0;
}
.main-timeline .date {
   display: flex;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   background: #c81432;
   padding: 5px 0;
   margin: 0 0 0 -30px;
   position: absolute;
   top: 45px;
   left: 50%;
   font-size: 12px;
   text-transform: uppercase;
   color: #fff;
   flex-direction: column;
   justify-content: center;
   line-height: 1.4;
}
.main-timeline .date-year {
   display: flex;
   width: 77px;
   height: 77px;
   border-radius: 50%;
   background: #c81432;
   margin: 0 0 0 -38px;
   position: absolute;
   top: -77px;
   left: 50%;
   font-size: 12px;
   font-weight: 900;
   text-transform: uppercase;
   color: #fff;
   justify-content: center;
   align-items: center;
}
.date-more {
   display: flex;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   background: #c81432;
   padding: 5px 0;
   margin: 0 0 0 -30px;
   position: absolute;
   top: 100%;
   left: 50%;
   font-size: 12px;
   text-transform: uppercase;
   color: #fff;
   flex-direction: column;
   justify-content: center;
   line-height: 1.4;
   text-align: center;
   cursor: pointer;
}
.main-timeline .date span {
   display: block;
   text-align: center;
}
.main-timeline .day,
.main-timeline .year {
   font-size: 16px;
   /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}
.main-timeline .month {}
.main-timeline .title {
   padding: 15px;
   margin: 0;
   font-size: 20px;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: -1px;
   border-radius: 6px 6px 0 0;
   position: relative;
}
.main-timeline .title:after {
   content: "";
   width: 10px;
   height: 10px;
   position: absolute;
   top: 20px;
   right: -5px;
   transform: rotate(-45deg);
}
.main-timeline .description {
   padding: 16px 5px;
   margin: 0;
   font-size: 14px;
   border-radius: 0 0 6px 6px;
   line-height: 20px;
   text-indent: 2em;
   color: #9a9a9a;
}
.main-timeline .timeline:nth-child(2n+2) {
   margin-top: -333px;
}
.main-timeline .timeline:nth-child(2n+2) .timeline-content {
   float: right;
}
.main-timeline .timeline:nth-child(2n+2) .timeline-content::before {
   content: "";
   width: 22px;
   height: 33px;
   position: absolute;
   top: 60px;
   left: -22px;
   background: url('../images/honor/jt-2.jpg') no-repeat;
   z-index: 0;
}
.main-timeline .timeline:nth-child(2n+2) .title:after {
   left: -5px;
}
.main-timeline .timeline:nth-child(1) .title,
.main-timeline .timeline:nth-child(1) .title:after {
   background: #9f84c4;
}
.main-timeline .timeline:nth-child(2) .title,
.main-timeline .timeline:nth-child(2) .title:after {
   background: #02a2dd;
}
.main-timeline .timeline:nth-child(3) .title,
.main-timeline .timeline:nth-child(3) .title:after {
   background: #58b25e;
}
.main-timeline .timeline:nth-child(4) .title,
.main-timeline .timeline:nth-child(4) .title:after {
   background: #eab715;
}
.honor-name {
   font-size: 26px;
   line-height: 36px;
   margin-top: 26px;
   padding: 0 5px;
}
.honor-add {
   font-size: 12px;
   color: #c8243f;
   line-height: 20px;
   padding: 0 5px;
}
.main-timeline .timeline.hasyear {
   /* margin-top: 120px; */
}

/* time-line  honor end*/
.showcase-video {
   padding: 50px 0 0;
}
.showcase-items p {
   margin-bottom: 10px;
   line-height: 2;
}
.showcase-items p span {
   font-weight: bold;
}
.news_card__picture {
   height: 200px;
}
.news_card__picture>img {
   height: 100%;
}
.hi5-function {
   height: 2721px;
   position: relative;
}
.hi5big-item img {
   position: absolute;
}
.hi5big-01 {
   /* width: 847px;
   height: 769px; */
}
.hi5big-01 img {
   width: 44.5%;
   left: -30px;
   top: 0px;
}
.hi5big-02 {
   /* width: 921px;
   height: 717px; */
}
.hi5big-02 img {
   width: 47.7%;
   right: 0px;
   top: 617px;
}
.hi5big-03 {
   /* width: 996px;
   height: 797px; */
}
.hi5big-03 img {
   width: 52.3%;
   left: 0px;
   top: 1220px;
}
.hi5big-04 {
   /* width: 1020px;
   height: 959px; */
   /* background: url("../images/hi5-vr-glove/hi5big-04.png") no-repeat; */
}
.hi5big-04 img {
   width: 53.5%;
   right: 0px;
   bottom: 0px;
}
.hi5-function-content-box-1 {
   display: flex;
   height: 730px;
   justify-content: flex-end;
}
.hi5-function-content-item {
   width: 550px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.hi5-function-content-item-tit {
   font-family: 'Montserrat', 'SourceHanSansCN-Medium';
   font-size: 48px;
   line-height: 64px;
   margin-bottom: 48px;
}
.hi5-function-content-item-word {
   font-size: 18px;
   line-height: 32px;
   margin-bottom: 48px;
}
.hi5-function-content-item-tip {
   font-size: 14px;
   color: #808080;
   line-height: 28px;
}
.hi5-function-content-box-2 {
   display: flex;
   height: 399px;
   justify-content: flex-start;
}
.hi5-function-content-box-2 .hi5-function-content-item {
   width: 580px;
}
.hi5-function-content-box-3 {
   display: flex;
   height: 822px;
   justify-content: flex-end;
}
.hi5-function-content-box-3 .hi5-function-content-item {
   width: 630px;
}
.hi5-function-content-box-4 {
   display: flex;
   height: 494px;
   justify-content: flex-start;
}
.hi5-function-content-box-4 .hi5-function-content-item {
   width: 576px;
}
.h3Style {
   font-size: 48px;
   line-height: 64px;
   font-family: 'Montserrat', 'SourceHanSansCN-Medium';
   font-weight: normal;
}
.performanceParameter {
   padding-top: 14vh;
}
.performanceParameter .product-desc {
   width: 1020px;
   margin: 0 auto;
   text-align: justify;
   text-align-last: left;
}
.performanceParameter .h3Style {
   margin-bottom: 54px;
   text-align: center;
}
.performanceUl {
   display: flex;
}
.performanceUl li {
   flex: 1;
   display: flex;
   margin-bottom: 40px;
   font-size: 18px;
}
.performanceUl li span {
   width: 100px;
   margin-right: 24px;
}
.performanceUl li p {
   margin: 0;
   display: flex;
   align-items: center;
}
.mainWidthNopos {
   width: 1000px;
   margin: 0px auto;
   padding: 30px 0;
}
.softsdk {
   display: -webkit-flex!important;
   display: flex!important;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.performanceBox_2 {
   width: 1112px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.performanceBox-l {
   flex: 1;
}
.performanceBox-l .h3Style {
   font-size: 24px;
   line-height: 40px;
   font-weight: normal;
   font-family: 'Montserrat', 'SourceHanSansCN-Bold';
}
.performanceBox-l p {
   font-size: 14px;
   line-height: 28px;
   margin: 0;
   margin-top: 14px;
   color: #808080;
}
.performanceBox-l .button {
   margin-top: 38px;
}
.performanceBox-r {
   padding: 45px 0;
   width: 566px;
}
.partListBox {
   display: flex;
   justify-content: space-between;
}
.partList {
   width: 24.5%;
   color: #333333;
}
.partList span {
   display: block;
   width: 79px;
   height: 79px;
   margin: 0 auto 17px;
}
.partList span.part-1 {
   background: url('../images/myswing/MYSWING-GOLF-D2_07.png') no-repeat;
}
.partList span.part-2 {
   background: url('../images/myswing/MYSWING-GOLF-D2_09.png') no-repeat;
}
.partList span.part-3 {
   background: url('../images/myswing/MYSWING-GOLF-D2_11.png') no-repeat;
}
.partList em,
.partList h3 {
   display: block;
   font-size: 24px;
   line-height: 40px;
   font-family: 'Montserrat', 'SourceHanSansCN-Medium';
   text-align: center;
   font-weight: 400;
}
.partList h3 {
   margin-bottom: 27px;
}
.partList em {
   color: #5cb52f;
}
.partList p {
   font-size: 18px;
   text-align: justify;
   text-align-last: left;
}
.firmware-word-items {
   padding-top: 48px;
}
.firmware-word-item {
   line-height: 32px;
   margin-bottom: 29px;
}
.firmware-word-item span {
   font-family: 'Montserrat', 'SourceHanSansCN-Medium';
   font-size: 24px;
}
.firmware-word-item p {
   font-size: 18px;
   margin-top: 3px;
}
.firmware {
   padding-top: 86px;
}
.firmware-box {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
}
.img661 {
   width: 45%;
   margin-right: 16%;
   margin-bottom: 40px;
}
.firmware-word {
   flex: 1;
}
.link-to-box {
   display: flex;
   justify-content: space-between;
   padding: 140px 0;
}
.link-to-word {
   font-size: 24px;
   line-height: 40px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   flex: 1;
}
.link-to-img {
   flex: 1;
}
.link-to-word p {
   margin-bottom: 20px;
}
.neuron-pro-wear {
   display: flex;
}
.neuron-pro-wear-left {
   flex: 1;
   display: flex;
   align-items: center;
}
.neuron-pro-wear-right {
   width: 580px;
   margin-left: 130px;
}
.neuron-pro-wear-right-word-item {
   margin-top: 60px;
}
.neuron-pro-wear-right-word-item:first-child {
   margin-top: 0px;
}
.neuron-pro-wear-right-word-item h3 {
   font-size: 24px;
   line-height: 40px;
   color: #c8243f;
   margin-bottom: 24px;
}
.neuron-pro-wear-right-word-item span {
   font-size: 14px;
   line-height: 32px;
   color: #808080;
   margin-bottom: 22px;
}
.honor-items,
.column-3 {
   display: flex;
   display: -webkit-flex;
   flex-wrap: wrap;
}
.item-1 {
   width: 335px;
   height: 170px;
   font-size: 18px;
   line-height: 26px;
   text-align: center;
}
.item-1:first-child, .item-1:nth-child(2), .item-1:nth-child(3) {
   margin-bottom: 60px;
}
.item-1 img {
   width: 335px;
   height: 132px;
   margin-bottom: 12px;
}
.hohor-item {
   width: 23%;
   margin: 1%;
}
.honor-card {
   height: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.item-card {
   height: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.hohor-item p {
   font-size: 16px;
   line-height: 44px;
   margin: 0;
   text-align: center!important;
   text-align-last: center;
}
.hohor-item p.en {
   font-family: 'Montserrat';
}
.honor-box h2.has-subtitle {
   margin: 40px 0;
}
.honor-card img {
   filter: saturate(.04);
   -webkit-filter: saturate(.04);
}
.honor-card:hover img {
   filter: saturate(1);
   -webkit-filter: saturate(1);
}
.home-section-content p {
   font-size: 18px;
   margin: 30px 0 24px;
}
.artical-swiper .swiper-slide {
   overflow: hidden;
}
.flex-items {
   display: flex;
   justify-content: space-between;
   height: 740px;
}
.flex-1 {
   width: 637px;
   position: relative;
}
.flex-auto {
   width: 614px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.flex-auto .callout {
   margin-top: 0;
}

/* footer */
#footer {
   background: #000;
   padding: 1.25rem 0 .54rem;
   color: #fff;
   font-size: .16rem;
}

.footer-row {
   display: flex;
   margin-bottom: 0.6rem;
}

.footer-row-item:first-child {
   width: 3.6rem;
   margin-left: 2.02rem;
}

.footer-row-item:nth-child(2) {
   width: 4.69rem;
}

.footer-row-item:nth-child(3) {
   width: 3.89rem;
}

.footer-row-item h4 {
   line-height: .2rem;
   font-weight: 700;
   margin-bottom: .2rem;
}

.footer-row-item h4.en-md {
   font-weight: 400;
}

.footer-row-item:nth-child(3) .menu li {
   line-height: .21rem;
   margin-bottom: .1rem;
}

.footer-row-item:last-child > p {
   line-height: .22rem;
   margin-bottom: .1rem;
}

.footer-row-item:first-child p, .footer-row-item:nth-child(2) p:not(p.en-light) {
   height: .83rem;
   line-height: .27666666667rem;
   margin-bottom: 40px;
}

.footer-row-item:nth-child(2) p.en-light {
   height: 77px;
   line-height: .25666666667rem;
}

#footer-logo {
   width: 1.3rem;
   height: .45rem;
   margin-bottom: .4rem;
}

#footer ul li {
   list-style: none;
}

#footer .label-wrap {
   line-height: 1;
   display: flex;
   align-items: center;
   justify-content: center;
}

#footer .label-wrap .split-line {
   width: 0.01rem;
   height: 0.24rem;
   margin: 0 0.24rem;
   background-color: #fff;
}

#footer .other-link {
   width: 15.12rem;
   margin: .24rem auto 0;
}

#footer .other-link ul {
   display: flex;
   justify-content: center;
   line-height: .22rem;
}

#footer .other-link .split-line {
   height: .01rem;
   background-color: #fff;
   margin-bottom: .34rem;
}

#footer .other-link ul li {
   padding: 0 .10rem;
   position: relative;
}

#footer .other-link ul li:not(.other-link ul li:first-child):before {
   content: '';
   height: .29rem;
   border-left: .01rem solid #fff;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
}

#footer a {
   color: #fff;
   text-decoration: none;
}
#footer a:hover {
   text-decoration: underline;
}
#footer a.underline-no:hover {
   text-decoration: none;
}
ul li.leaf {
   list-style-type: square;
}

.social {
   height: .23rem;
   line-height: .23rem;
   display: flex;
   align-items: center;
   margin-bottom: .24rem;
}

.social > a, .social > div {
   opacity: .5;
   transition: .3s;
   margin-right: .22rem;
   cursor: pointer;
}

.social > a:last-child {
   margin: 0;
}

.social > a:hover, .social > div:hover {
   opacity: 1;
}

.social .active {
   opacity: 1;
}

#after_service, #brand_subscription {
   display: none;
   transition: .3s;
}

#after_service.active, #brand_subscription.active {
   display: flex;
}

#after_service img, #brand_subscription img {
   width: .83rem;
   height: .83rem;
   margin-right: .2rem;
}

#after_service p, #brand_subscription p {
   height: .83rem;
   line-height: .27666666667rem;
}

#screen-wrapper {
   min-width: 1250px;
   max-width: 2560px;
   height: 100%;
   margin: .84rem auto 0 auto;
}
#includeHeader, #includeFooter{
   min-width: 1250px;
   margin: 0 auto;
}

/*@media (min-width: 768px) {
   .container {
       width: 750px;
   }
}

@media (min-width: 992px) {
   .container {
       width: 970px;
   }
   .nav-list>li>a {
       margin: 0 20px;
   }
}

@media (min-width: 1200px) {
   .container {
       width: 1170px;
   }
   .nav-list>li>a {
       margin: 0 30px;
   }
   #block-menu-menu-perception-neuron-series ul.menu li a {
       padding: 8px 34px 10px;
   }
   .article-slider-content-bao .plus-link {
       bottom: 5%;
   }
   .view-home-news .article-slider-content-bao .view-header {
       margin-top: 0;
   }
}

@media screen and (min-width: 1450px) {
   .container {
       width: 1440px;
   }
   .nav-list>li>a {
       margin: 0 40px;
   }
   #block-menu-menu-perception-neuron-series ul.menu li a {
       padding: 8px 64px 10px;
   }
   .article-slider-content-bao .plus-link {
       bottom: 15%;
   }
   .view-home-news .article-slider-content-bao .view-header {
       margin-top: 5%;
   }
}*/

/*showcase press news*/
.container {
   width: 81%;
   /* min-width: 1260px; */
}
#block-menu-menu-perception-neuron-series ul.menu li a {
   padding: 8px 0;
}
.article-slider-content-bao .plus-link {
   bottom: 5%;
}
.view-home-news .article-slider-content-bao .view-header {
   /* margin-top: 5%; */
}
.errorMain {
   width: 616px;
   margin: 213px auto;
   padding-top: 286px;
   height: 76px;
   background: url(../images/error.gif) no-repeat;
}
.errorMain div,
.errorMain p {
   width: 100%;
   text-align: center;
}
.errorMain div {
   font-size: 1.8em;
}
.errorMain p {
   font-size: 18px;
   margin-top: 21px;
}
.errorMain span {
   font-size: 30px;
   color: #c92540;
}
.siteMap {
   width: 100%;
   display: flex;
   display: -webkit-flex;
   grid-row: 4;
   padding-top: 95px;
   padding-bottom: 0;
}
.siteMap ul {
   width: 20%;
   line-height: 48px;
}
.siteMap a {
   color: #111;
}
.siteMap a:hover {
   color: #c81432;
}
.siteMap h2 {
   font-size: 1.4em;
   font-weight: 700;
   margin-bottom: 1.4em;
}
.supportMain {
   width: 1176px;
   margin: 0 auto 66px;
   text-align: center;
   display: flex;
   flex-wrap: wrap;
}
.supportMain a {
   display: block;
   width: 360px;
   height: 280px;
   margin-bottom: 48px;
   background-color: #fff;
}

.supportMain a.middle {
   margin: 0 48px;
}

.supportMain a span {
       font-size: 18px;
       line-height: 24px;
       color: #111111;
}

.supportContentBox {
   height: 70px;
       display: flex;
       align-items: center;
   margin: 80px 0 29px;
}

.supportContentBox img {
   filter: grayscale(1) brightness(1);
   display: block;
   margin: 0 auto;
}
.supportMain a:hover img {
   filter: grayscale(0) brightness(1);
}
.supportMain a:hover span {
   color: #C92540;
}
.page-section h2.mb-0 {
   margin-top: 20px;
   margin-bottom: 0;
}

.view-home-applications,
.view-home-news,
#home-contact {
   min-width: 1000px;
}

@media screen and (min-width: 1450px) {
   .not-front .page-container .region-content:before {
       content: " ";
       background: url('../images/perception-neuron/background-logo.png') no-repeat;
       height: 266px;
       width: 40px;
       left: -7em;
       /* top: 25%; */
       position: absolute;
       z-index: 1;
       bottom: 4%;
   }
}
@media screen and (min-width: 1200px) {
   .neuron-wear-fun-item {
       width: 28%;
   }
}
@media screen and (max-width: 1680px) {
   .nav-list > li > a {
       margin-right: .3rem;
   }

   .home-product-content:last-child {
       margin-top: .3rem;
   }

   .about .container {
       width: 100% !important;
       margin: 0 auto !important;
       padding: 0 20px !important;
   }

   .article-slider-body {
       -webkit-line-clamp: 2;
       line-height: 26px;
   }

   #page-banner-text #page-banner-title,
   .myswing #page-banner-title {
       font-size: 44px;
   }

   .card__title_press {
       font-size: 20px;
       line-height: 1.3;
       height: 54px;
   }

   .h3Style,
   .callout {
       font-size: 44px;
       line-height: 60px;
   }

   .title {
       font-size: 38px;
   }

   .a_more,
   .partList p {
       font-size: 16px;
   }

   .firmware-img {
       text-align: right;
   }

   .application-left-column,
   .application-right-column {
       padding-right: 40px;
       padding-left: 40px;
   }

   .container {
       width: 92%;
       margin: 0 auto;
       /* min-width: 1260px; */
   }

   #sortable>div {
       width: 374px!important;
   }

   .button {
       width: 150px;
       height: 36px;
       line-height: 36px;
       font-size: 16px;
   }

   .double-list li,
   .single-list li {
       font-size: 14px;
   }

   .link-to-word {
       font-size: 20px;
   }

   .firmware-img img {
       width: 90%;
   }

   .performanceParameter .h3Style {
       margin-bottom: 40px;
   }

   .partList em,
   .partList h3 {
       font-size: 18px;
       line-height: 36px;
   }

   #page-title {
       line-height: 70px;
   }

   .product-desc p {
       font-size: 16px;
   }

   .en-normal {
       font-size: 20px;
   }

   #block-menu-menu-perception-neuron-series ul.menu li a {
       font-size: 14px;
   }

   .product-tit {
       font-size: 35px;
       line-height: 54px;
   }

   .article-slider-title {
       font-size: 23px;
       margin-bottom: .5em;
       line-height: 34px;
   }

   .desc {
       font-size: 16px;
       line-height: 30px;
   }

   .view-home-news h2 {
       margin-bottom: 0;
   }

   .neuron-wear-fun-item-img {
       width: 110px;
   }

   .neuron-wear-fun-item-con {
       width: 60%;
   }

   .neuron-wear-fun-item {
       width: 31%;
   }

   .article-slider-content-bao .article-slider-title {
       height: 70px;
   }

   /* #home-video {
       height: calc(100vh - 80px);
   } */

   .view-home-news {
       padding: 0 10%;
   }

   .news-list ul li {
       margin-right: 40px;
   }
}
@media screen and (max-width: 1380px) {
   #sortable>div {
       width: 346px!important;
   }
}
.page-section .mb-0 {
   margin-bottom: 1px;
}

header {
   height: .84rem;
   display: flex;
   justify-content: space-between;
   padding: 0 .94rem 0 .84rem;
   background: #c81432;
   transition: background 0.3s;
   position: fixed;
   top: 0;
   z-index: 999;
   width: 100%;
}

red-font{ color: #c8243f;}

.menu-top{
   position: sticky;
   position: -webkit-sticky;
   top: .84rem;
   z-index: 998;
}

#customer-case{
   width: 100%;
   height: 9rem;
   /* 深灰 */
   background: #282828;
   padding: 1.2rem 2.1rem;
   color: #FFFFFF;
   justify-content: center;
   text-align: center;
}
.customer-case{
   display: flex;
}
.customer-case-item{
   width: 4.6rem;
   height: 4rem;
   margin-right: .6rem;
   font-size: 0.2rem;
   text-align: center;
   color: #FFFFFF;
}
#customer-case button{
   width: 3.6rem;
   margin-top: 0.5rem;
}

.customer-case-item img{
   /* height: 6rem;
   object-fit: cover; */
   max-height: 2.6rem;
   width: 100%;
}  
.customer-case-item div{
   margin-top: .24rem;
   line-height: .33rem;
} 
.customer-case-item div span{
   color: #AAAAAA;
}  
.software-items{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.software-items div{
   display: flex;
   width: 2.5rem;
   height: 1.46rem;
   align-items: center;
   text-align: center;
   justify-content: center;

}
.software-items div img{
   width: auto;
   max-width: 2.5rem;
}
.vps .contactUs textarea {
   width: 100%;
   height: 2rem;
   border: none;
   padding: .12rem .24rem;
   font-size: .18rem;
   font-weight: 300;
   margin-bottom: .6rem;
   border-radius: .12rem;
}